.banner {
    font-family: "Merriweather", "Times New Roman", Times, serif;
    margin: 0 !important;
}
.banner .logo {
    padding: 16px;
    background-color: #f3f3f4;
}

.banner .logo img {
    width: 98px !important;
    height: 98px !important;
    mix-blend-mode: multiply;
}

.banner .banner-body {
    padding: 0 !important;
    margin: 0 !important;
}

.banner .banner-body .banner-h1 {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 3px;
    color: #000;
}

.banner .banner-body .banner-h2 {
    font-size: 33px;
    font-weight: 300;
    letter-spacing: 5px;
    color: #0066cc;
}

.banner .banner-body .banner-h3 {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1.5px;
    color: #000;
    text-transform: uppercase;
}

@media (max-width: 1000px) and (min-width: 770px) {
    .banner .logo img {
        width: 78px !important;
        height: 78px !important;
    }
    .banner .banner-body .banner-h1 {
        font-size: 20px;
    }

    .banner .banner-body .banner-h2 {
        font-size: 29px;
    }
}

@media (max-width: 770px) and (min-width: 100px) {
    .banner .logo {
        padding: 6px;
    }

    .banner .logo img {
        width: 48px !important;
        height: 48px !important;
    }
    .banner .banner-body .banner-h1 {
        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .banner .banner-body .banner-h2 {
        font-size: 18px;
        letter-spacing: 1.5px;
    }

    .banner .banner-body .banner-h3 {
        font-size: 12px;
        letter-spacing: 0.6px;
    }
}