/*
Super Small Screens
*/
@media only screen and (max-width: 304px) {

    #header-mobile__logo img {
        max-width: 50px!important;
    }

}
@media only screen and (max-width: 319px) {

    #header-mobile__logo img {
        max-width: 100px!important;
    }

}

@media only screen and (max-width: 359px) {
}

@media only screen and (max-width: 370px) {
}

/*
Up to 500px width
*/
@media only screen and (max-width: 499px) {

    /* #header-mobile__logo img {
        max-width: 120px;
    } */

}

/*
Small Screens
*/
@media only screen and (max-width: 767px) {

    .container {
        max-width: 100%;
    }
    .p-mobile-0 {
        padding: 0;
    }
    .mobile__no-gutters {
        margin-right: 0;
        margin-left: 0;
    }
    .mobile__no-gutters>.col, .mobile__no-gutters>[class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }

}

/*
Small, Medium Screens
*/
@media only screen and (min-width: 768px) {

    #first-block,
    #about-block,
    #events-block,
    #blog-block,
    #youtube-block,
    #slogan-block {
        max-width: 100%;
    }
    #first-block > .row,
    #about-block > .row,
    #events-block > .row,
    #blog-block > .row,
    #youtube-block > .row,
    #slogan-block > .row {
        margin: 0 auto;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    #header-mobile__logo > img {
        display: none;
    }
    .header-scrolled .header-mobile__scrolled-mobile-logo-link {
        display: none;
    }
    .header-mobile__tablet-logo-link {
        display: inline-block;
    }
    /* #header-mobile__wrapper {    
        height: 143px;
    }
    #header-mobile__logo {
        padding: 36px 0 45px;
        background-color: transparent;
    }
    .header-scrolled {
        height: 112px!important;
    }
        .header-scrolled #header-mobile__logo {
            padding: 25px 0;
        }
        .header-scrolled .header-mobile__scolled-mobile-logo-link img {
            display: none;
        }
    #header-mobile__logo > img {
        display: none;
    }
    .header-mobile__tablet-logo-link {
        display: inline-block;
    }
    #header-mobile__toggler {
        margin-top: 50px;
        background-color: transparent;
        padding: 0 11px 0 0;
    }
        .header-scrolled #header-mobile__toggler {
            margin-top: 39px;
        } */


}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
}

@media only screen and (max-width: 991px) {
    
    .events-block__event-card:nth-child(2n+1):nth-last-child(-n+2), .events-block__event-card:nth-child(2n+1):nth-last-child(-n+2) ~ .events-block__event-card {
        margin-bottom: 0 !important;
    }

}

/*
Large Screen
*/
@media only screen and (min-width: 992px) {

    body,
    body.page-style {
        padding-top: 0 !important;
    }

    .block-card {
        box-shadow: none;
    }

    .large__no-gutters {
        margin-right: 0;
        margin-left: 0;
    }
    .large__no-gutters>.col, .large__no-gutters>[class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }

    .large-gutters {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #first-block,
    #about-block,
    #events-block,
    #blog-block,
    #youtube-block,
    #slogan-block {
        max-width: 100%;
    }
    #first-block > .row,
    #about-block > .row,
    #events-block > .row,
    #blog-block > .row,
    #youtube-block > .row,
    #slogan-block > .row {
        margin: 0 auto;
    }

    .events-block__event-card:hover img,
    .blog-block__post-card:hover img,
    .youtube-block__video-card:hover iframe {
        opacity: 0.7;
    }

    .blog-block__post-card,
    .youtube-block__video-card {
        padding: 5px 15px !important;
    }

    .events-block__event-card {
        margin-bottom: 30px !important;
        padding: 5px 15px !important;
    }
    .events-block__event-card img {
        max-width: 255px;
    }
    .events-block__event-card .text__date {
        margin-bottom: 4px;
    }
    .events-block__event-card .text__bold {
        margin-top: 0;
    }
    .events-block__event-card:last-child {
        margin-bottom: 0 !important;
    }
    .text__date {
        margin: 0 0 22px;
    }
    .events-block__event-card .text__description {
        margin-top: 16px;
    }

    #blog-block__posts-wrapper .blog-block__post-card {
        margin-bottom: 26px;
    }
        #blog-block__posts-wrapper .row .blog-block__post-card:last-child {
            margin-bottom: 0;
        }
    .blog-block__post-card__img img {
        margin-right: 30px;
        max-width: 255px;
    }
    .text__category {
        margin-bottom: 5px;
    }
    .blog-block__event-card .text__description {
        margin-top: 6px;
    }
    .blog-block__post-card__author-wrapper {
        margin-top: 10px;
    }
    .blog-block__post-card__author-circle {
        width: 24px;
        height: 24px;
    }
    .text__author {
        margin-left: 9px;
    }

    .text__post-title {
        margin-bottom: 45px;
    }

    #slogan-block {
        padding-top: 158px;
        padding-bottom: 80px;
        box-shadow: none;
    }
    #slogan-block__img {
        background: url(../img/slogan-block/union.png) no-repeat;
        width: 700px;
        height: 386px;
        background-size: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .text__slogan-title {
        margin: 40px 0 14px;
    }

    footer {
        padding-top: 20px;
        padding-bottom: 30px;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    #first-block__desktop-logo-menu__wrapper {
        padding-right: 30px;    
    }
    #first-block__desktop-logo {
        padding: 28px 27px 27px;
        background-color: var(--white);
    }
    #first-block__desktop-logo-img {
        width: 156px;
    }

    #first-block > .row,
    #about-block > .row,
    #events-block > .row,
    #blog-block > .row,
    #youtube-block > .row,
    #slogan-block > .row {
        max-width: 960px;
    }

    .block-card {
        margin-bottom: 60px;
        padding-bottom: 50px;
        padding-left: 75px;
        padding-right: 75px;
        padding-top: 50px !important;
    }
    .block-card h1 {
        margin-bottom: 30px;
    }

}

@media only screen and (min-width: 1200px) {

    #first-block__desktop-logo {
        padding: 58px 27px 31px 25px;
    }
    
    #first-block > .row,
    #about-block > .row,
    #events-block > .row,
    #blog-block > .row,
    #youtube-block > .row,
    #slogan-block > .row {
        max-width: 1140px;
    }
    
    .block-card {
        margin-bottom: 80px;
        padding-bottom: 70px;
        padding-top: 71px !important;
        padding-left: 95px;
        padding-right: 95px;
    }
    .block-card h1 {
        margin-bottom: 50px;
    }

    .events-block__event-card {
        margin-bottom: 41px !important;
    }

    #blog-block__posts-wrapper .blog-block__post-card {
        margin-bottom: 36px;
    }
    .blog-block__post-card__author-circle {
        width: 34px;
        height: 34px;
    }
    .text__author {
        margin-left: 8px;
    }

    .text__post-title {
        margin-bottom: 55px;
    }

    .text__slogan-title {
        margin: 60px 0 16px;
    }

    footer {
        padding-top: 31px;
        padding-bottom: 49px;
    }

}

/*
Min Width 992px & DPI 2
*/
@media only screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-width: 992px) and (min--moz-device-pixel-ratio: 2),
    only screen and (min-width: 992px) and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-width: 992px) and (min-device-pixel-ratio: 2),
    only screen and (min-width: 992px) and (min-resolution: 192dpi),
    only screen and (min-width: 992px) and (min-resolution: 2dppx) {

    #slogan-block__img {
        background-image: url(../img/slogan-block/union@2x.png);
    }

}

/*
Min Width 992px & DPI 3
*/
@media only screen and (min-width: 992px) and (-o-min-device-pixel-ratio: 9/4),
       only screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2.25),
       only screen and (min-width: 992px) and (min-device-pixel-ratio: 2.25),
       only screen and (min-width: 992px) and (min-resolution: 2.25dppx) {

    #slogan-block__img {
        background-image: url(../img/slogan-block/union@3x.png);
    }

}