@media (min-width: 1200px){

    header .page-banenr h2 {
        font-size: 44px !important;
    }

}

@media (max-width: 1230px) {
    section.image-text p {
        font-size: 14px !important;
    }

    .mobile-social {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    header .page-banenr h2 {
        font-size: 40px !important;
    }

    .mobile-social {
        display: none !important;
    }
}

@media (max-width: 992px) {
    footer {
        text-align: center;
    }

    footer .vertical-center a {
        text-align: center;
    }

    footer .vertical-center {
        height: 60px !important;
    }

    .image-text .content h3 {
        margin-top: 40px !important;
        margin-bottom: 25px !important;
    }

    .component-accordion .panel-group .panel-title a {
        font-size: 20px;
    }

    .mobile-social {
        display: flex !important;
    }

    .sticky-top .social {
        display: none;
    }

    navbar.sticky-top {
        padding: 1rem !important;
    }

    .menu-tab {
        width: auto !important;
    }

    header .page-banenr h2 {
        font-size: 35px;
    }
}

@media (max-width:768px) {
    header .page-banenr {
        height: 35vh;
    }

    .carousel-item .carousel-caption-banner {
        height: 35vh;
    }

    .mobile-social {
        display: flex !important;
    }

    .logo {
        text-align: right;
    }

    .logo>a>img {
        max-width: 75%;
    }

    section.image-text .background-image {
        min-height: 35vh !important;
    }

    section.simple-text .text-container p {
        font-size: 16px;
    }

    header .page-banenr h2 {
        font-size: 35px !important;
    }

    .associados .box {
        padding: 100px 20px !important;
    }

    section.simple-text .text-container-home p {
        font-size: 16px !important;
    }

   

    h2 {
        font-size: 24px !important;
    }

    .gallery .row ul {
        flex-direction: column !important;
    }

    section.gallery .background-image {
        min-height: 250px !important;
    }

    .gallery .row ul li {
        width: 100% !important;
    }

}

@media (max-width:500px) {
    header .page-banenr h2 {
        font-size: 28px !important;
    }

    .component-accordion .panel-group .panel-title a {
        padding: 15px !important;
    }

    .component-accordion .panel-group .panel-title a.collapsed::after,
    .component-accordion .panel-group .panel-title a::after {
        right: 2rem !important;
    }

    section.image-text p {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .area {
        padding: 3rem 1rem !important;
    }

    section.image-text .content ul {
        padding: 0 1rem !important;
    }

    .image-text .content h3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }


}

@media (max-width: 320px) {

    .mobile-social {
        display: flex;
    }

}