@media only screen  and (max-width: 767px) {
    .navbar-collapse {
        /*background: rgba(59,99,145,0.95) !important;*/
        background: rgb(38, 143, 182) !important;
        /*border-bottom: 2px solid white;*/
        box-shadow: 0px 3px 15px 5px rgba(0,0,0,0.3);
    }
    .nav > li > a:hover {
        border-left: 5px solid white !important;
        background-color: rgb(38, 143, 182) !important;
    }
}

@media only screen  and (min-width: 2000px) {
    body {
        font-size: 22px !important;
    }
}

@media only screen  and (min-width: 1900px) and (max-width: 1999px){
    body {
        font-size: 20px !important;
    }
}

@media only screen  and (min-width: 1800px) and (max-width: 1899px){
    body {
        font-size: 19.5px !important;
    }
}

@media only screen  and (min-width: 1700px) and (max-width: 1799px){
    body {
        font-size: 19.25px !important;
    }
}

@media only screen  and (min-width: 1600px) and (max-width: 1699px){
    body {
        font-size: 18.25px !important;
    }
}

@media only screen  and (min-width: 1500px) and (max-width: 1599px){
    body {
        font-size: 18px !important;
    }
}

@media only screen  and (min-width: 1400px) and (max-width: 1499px){
    body {
        font-size: 17.75px !important;
    }
}

@media only screen  and (min-width: 1300px) and (max-width: 1399px){
    body {
        font-size: 17.5px !important;
    }
}

@media only screen  and (min-width: 1200px) and (max-width: 1299px){
    body {
        font-size: 17.25px !important;
    }
}

@media only screen  and (min-width: 1100px) and (max-width: 1199px){
    body {
        font-size: 17px !important;
    }
}

@media only screen  and (min-width: 1000px) and (max-width: 1099px){
    body {
        font-size: 16.75px !important;
    }
}


@media only screen  and (min-width: 900px) and (max-width: 999px){
    body {
        font-size: 15.75px !important;
    }
}

@media only screen  and (min-width: 800px) and (max-width: 899px) {
    body {
        font-size: 15.50px !important;
    }
}

@media only screen  and (min-width: 700px) and (max-width: 799px) {
    body {
        font-size: 15.25px !important;
    }
}

@media only screen  and (min-width: 600px) and (max-width: 699px) {
    body {
        font-size: 15px !important;
    }
}

@media only screen  and (min-width: 500px) and (max-width: 599px) {
    body {
        font-size: 14.75px !important;
    }
}

@media only screen  and (min-width: 400px) and (max-width: 499px) {
    body {
        font-size: 14.50px !important;
    }
}

@media only screen  and (min-width: 300px) and (max-width: 399px) {
    body {
        font-size: 14.25px !important;
    }
}

@media only screen  and (max-width: 299px) {
    body {
        font-size: 14px !important;
    }
}