/* 
    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.2rem;
    }

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

    .control-value-mobile {
        margin: 0.8rem;
    }

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


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

    a {
        font-size: 1.2rem;
    }

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

   
}



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


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