/**
GLOBALs
**/

/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
}

@media (max-width: 991px) {
    
}

/*
    SCREENs
*/

@media (min-width: 320px) and (max-width: 399px) {
    #content{
        padding-bottom:72px!important;
        min-height:0!important;
    }
    #content .cont {
        padding: 45px 0px 0 0px !important
    }
    section#info{
        font-size:12px;
        padding-bottom:3px
    }

    .sub-content > h2, .sub-content > h3, .sub-content > p:first-child {
        font-size: 1.2rem !important;
    }
    
        header img {
            width: 86px;
            border:none;
            border-radius: 0;
            background: none;
            top:7px;
            position:relative
        }


}


@media (min-width: 400px) and (max-width: 575px) {
    #content {
        padding-bottom: 72px !important;
        min-height: 0 !important;
    }
    #content .cont {
        padding: 45px 0px 0 0px !important
    }
    section#info {
        font-size: 12px;
        padding-bottom: 3px
    }
    header img {
        width: 86px;
        border: none;
        border-radius: 0;
        background: none;
        top: 7px;
        position: relative
    }


}

@media (min-width: 576px) and (max-width: 767px) {
    #content {
        padding-bottom: 72px !important;
        min-height: 0 !important;
    }

        #content .cont {
            padding: 45px 0px 0 0px !important
        }

    section#info {
        font-size: 12px;
        padding-bottom: 3px
    }

    footer {
        height: 80px
    }

        footer img {
            top: -62px !important;
            width: 133px
        }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
    
}

@media (min-width: 1200px) and (max-width: 1350px) {
    .sf-menu{
        left:0
    }
        .sf-menu a {
            padding: .75em .5em;
        }
}


/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
    footer img{top:-80px}
    .tooltip{display:none!important}
}

@media (min-height: 1081px) {
}