﻿@media (min-width: 768px) {
    .container-fluid.py-3.article-blue-band .row .col-10 {
        background-color: #4b85c4;
        padding: 20px 10px;
    }

    .container-fluid.py-3.article-blue-band {
        background-color: transparent;
    }
    span.inner-hero-title-block {
        width: 90%;
    }
}


@media (min-width: 768px) {
    span.inner-hero-title-block {
        width: 90% !important;
    }

}


@media (max-width: 800px) {

.col-2 {
    width: 50%;
    padding-bottom: 1em;
}

.col-7.pt-3 {
    width: 80%;
}

.row {
    flex-direction: column;
    align-items: center;
}
}
@media (max-width: 575px) {
    .inner-hero-title {
        font-size: 1.1em !important;
    }
}