:root {
    --master-color: #b5422f;
    --btn-master-hover: #b03b28;
    --hover-bavkground-color: #f4f4f4;
}

body.base header .logo img {
    transition: height 0.4s ease;
    height: 6.1em !important;
}


@media (min-width: 576px) {
    body.base header .logo img {
        height: 9em !important;
    }

    body.base header.dark .logo img {
        height: 6em !important;
    }
}

body.base footer .logo img {
    height: 8em !important;
}

@media (min-width: 576px) {
    body.base footer .logo img {
        height: 8em !important;
    }
}

#blog-partial .card-title {
    font-size: 1.25rem !important;
}

/* SUB BANNER */
/* ------------------------------------------------------------------------------------------*/
.banner {
    height: 100vh !important;
}

@media (min-width: 768px) {
    .banner {
        height: 100vh !important;
    }
}

.banner.sub-banner {
    height: 70vh !important;
}

    .banner.sub-banner .padding {
        padding-top: 0 !important;
    }


/* SM */
@media (min-width: 575.98px) {
    .banner.sub-banner {
        height: 0 !important;
    }

        .banner.sub-banner .padding {
            padding-top: 0 !important;
        }
}

/* MD */
@media (min-width: 767.98px) {
    .banner {
        height: 60vh !important;
    }

        .banner.sub-banner {
            height: 50vh !important;
        }
}

/* LG */
@media (min-width: 991.98px) {
    .banner {
        height: 70vh !important;
    }

        .banner.sub-banner {
            height: 60vh !important;
        }
}

/* XL */
@media (min-width: 1199.98px) {
    .banner {
        height: 85vh !important;
    }
}

@media (min-width: 1399.98px) {
    .banner {
        height: 100vh !important;
    }
}