/* Add custom CSS styles below */ 
.header--boxed #main-nav:not(.fixed-pinned) {
    background-color: #ffffff00 !important;
    color: #FFFFFF !important;
}
    .main-nav .navbar-brand img {
    max-height: 140px !important;
        max-width: 140px !important;
}
.navbar-brand img {
    max-height: 140px !important;
        max-width: 140px !important;}

.loader-init img {
    max-width: 150px !important;
    height: 150px !important;
}
.banner-entry {
    max-height: 100% !important;}
    .banners-grid--2 {
    max-height: 100% !important;
}
.banner-entry img { height: auto !important;}
.banners-grid--2 .banner-entry a {
    padding-bottom: 23% !important;
}


@media (max-width: 575px) {
.s-block--main-slider-1.is-fullscreen salla-slider, .s-block--main-slider-1.is-fullscreen div[slot=items], .s-block--main-slider-1.is-fullscreen .swiper-slide {
    height: 380px;
    min-height: 100px !important;}

}
    .main-nav .navbar-brand img {
    max-height: 80px !important;
        max-width: 80px !important;
}
    .navbar-brand img {
    max-height: 80px !important;
        max-width: 80px !important;}
.opacity-80 {
    opacity: 0.8 !important;
    font-weight: 300 !important;
}
.max-w-lg {
    margin-bottom: 60px !important;
}
.more-link--arrowed {
    font-weight: 300 !important;
}
}

@media (max-width: 400px) {
    .navbar-brand img {
    max-height: 80px !important;
        max-width: 80px !important;}
.opacity-80 {
    opacity: 0.8 !important;
    font-weight: 300 !important;
}
.max-w-lg {
    margin-bottom: 60px !important;
}
.more-link--arrowed {
    font-weight: 300 !important;
}
}
.opacity-80 {
    opacity: 1 !important;
    font-weight: bolder !important;
}
.max-w-lg {
    margin-bottom: 60px !important;
}
.more-link--arrowed {
    font-weight: bolder !important;
}