@media (max-width:1200px) and (min-width:769px) {
    body {
        font-size: 12px;
    }
}

@media (max-width:768px) {
    body {
        font-size: 11px;
    }
}

@media (max-width:450px) {
    body {
        font-size: 10px;
    }
}

@media (max-width:1200px) {
    ul.pricing {
        margin-top: 65px!important;
    }
}

@media (max-width:767px) {
    ul.pricing {
        margin-top: 70px!important;
    }
}

@media (max-width:450px) {
    ul.pricing {
        margin-top: 80px!important;
    }
}

@media (min-width:768px) {
    .navbar-default {
        background: #fff!important;
    }
}

@media (max-width:600px) {
    #logo-footer {
        width: 350px!important;
        padding-bottom: 33px;
        padding-top: 17px;
    }
    footer p {
        font-size: 12px!important;
    }
}

@media (max-width:768px) {
    #header-content {
        width: 95%!important;
    }
}

@media (max-width:1200px) and (min-width:768px) {
    #s1,
    #s3,
    #s5 {
        float: right;
    }
    #s2,
    #s4,
    #s6 {
        float: left!important;
    }
    article {
        margin-bottom: 30px!important;
    }
}

@media (max-width:1200px) and (min-width:992px) {
    #p3,
    #p4 {
        margin-top: 25px;
    }
    ul.pricing:before {
        width: 50%!important;
    }
}

@media (max-width:991px) and (min-width:768px) {
    ul.pricing:before {
        width: 34%!important;
    }
}

@media (max-width:767px) {
    ul.pricing:before {
        width: 34%!important;
    }
}


/*** LOGO ***/

@media (max-width:1240px) {
    #logo-type {
        width:800px!important;
    }
}

@media (max-width:1100px) {
    #logo-type {
        width:700px!important;
        padding-bottom:15px;
    }
}

@media (max-width:990px) {
    #logo-type {
        width:600px!important;
        padding-bottom:25px;
    }
}

@media (max-width:800px) {
    #logo-type {
        width:500px!important;
        padding-bottom:35px;
    }
}