@media (max-width: 767px) {
    .btn {
        font-size: 1.5rem;
    }

    .form-control {
        font-size: 1.5rem;
    }


    .navbar-brand .nav-link {
        font-size: 1.5rem;
    }

    a {
        font-size: 1.5rem;
    }

    .navbar-toggler-icon {
        width: 2.5rem;
        height: 2.5rem;
    }

    
}


@media (max-width: 1239px) {
    .hideonmobile {
        display: none
    }

}


@media (min-width: 1240px) {
    .hideondesktop {
        display: none
    }
}