/* 
    small >=576
    medium >=768
    large >=992 
    extra large >=1200px
*/




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

    .container { 
        padding-left:0px; 
        padding-right:0px; 
    }

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

    .control-label {
        font-size: 1.1rem;
    }

    
        body {
            /* Margin bottom by footer height */
            font-size: 1.1rem;
        }


        .navbar-brand {
            font-size: 1.1rem;
        }

        a {
            font-size: 1.1rem;
        }

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



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


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