.banner-w-modified-dvl h2 {
        font-weight: 400;
        color: #006AC3;
        margin-bottom: 0;
        font-size: 2.4rem;
        line-height: 3rem;
}

.banner-w-modified-dvl p {
        font-weight: 300;
        color: #252525;
        margin-bottom: 0;
        margin-top: 15px;
}
.banner-w-modified-dvl .btn {
        margin-top: 30px !important;
}
.banner-w-modified-dvl .callout, .banner-w-modified-dvl .banner.html-bnr, .banner-w-modified-dvl .banner-wpr {
        height: 100%;
}

#callout-banner, #hero-banner-button {
        /* this is to restrict height of banner and side banner
        /* for now expand to fit content */
        /*max-height: 370px;*/
}
#callout-banner .callout {
        /*
        overflow-y: scroll; //hidden to cut content
         */
}

/*

#callout-banner .callout-img {
        min-height: 90px !important;
        background-size: contain;
}
#callout-banner.business-version .callout-img {
        min-height: 90px !important;
}

 */
@media screen and (min-width: 640px) and (max-width: 768px) {
        /* on mobile landsccape / small tablet the callout text can get cut off because 1/4th grid is very little space to work with. Scale down the h2 here */
        #callout-banner .callout-copy h2 {
                font-size: 1.8rem;
                line-height: 2.4rem;
        }
}

@media screen and (max-width: 639px) {
        #callout-banner .callout {
                margin-bottom: 15px;
        }
}