.resources-intro {
    padding: 90px 0 90px 0;
    text-align: center;
}
.resources-open-content {
    padding: 50px 0 90px 0;
    text-align: center;
}
.resources-exclusive {
    padding: 0 15px 0 15px;
}
.re-ex-footer {
    padding: 20px;
    text-align: center;
     margin-bottom: 30px;
}
.re-ex-footer p {
    color: #ffffff;
    margin-bottom: 25px;
}
.resources-tiles {
    padding: 30px 15px 30px 15px;
}
.va-box-caption-body h2 {
    font-size: 2.4rem;
}
.va-box-caption-body p {
    font-family: co-headline, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.1rem;
    letter-spacing: 0px;
}
.ov-content-head {
    padding: 20px;
    background-color: #2d2d2d;
    color: #fff;
    font-family: co-text, sans-serif;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
}
.ov-content-head h3 {
    color: #fff;
    font-family: co-text, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.ov-content-head:hover, .ov-content-head:focus {
    background-color: #5d5d5d;
}
.ov-hov:hover, .ov-hov:focus {
    background-color: #2d2d2d;
}
.cbp-l-inline {
    min-height: 300px;
}
.cbp-l-inline a {
    text-decoration: none;
}
.cbp-l-inline a:hover, .cbp-l-inline a:focus {
    text-decoration: none;
}
.cbp-popup-singlePageInline .cbp-popup-content {
    min-height: 200px;
}
.cbp-caption .no-zoom {
    -webkit-transition: none !important;
    transition: none !important;
    transform: none !important;
}

.ov-but-block {
    text-align: center;
    display: block;
}


.mtg-bg-blue {
    background-color: #7197cd;
}
.voices-bg-mauve {
    background-color: #95609a;
}
.overflow-bg-pink {
    background-color: #d3518d;
}
.overflow-bg-yellow {
    background-color: #f0e637;
}
.follow-bg-red {
    background-color: #d6533c;
}
.follow-bg-purple {
    background-color: #393138;
}
.rtadc-bg-blue {
    background-color: #2CB3C9;
}
.cfop-bg-teal {
    background-color: #26B6AD;
}
.creation-bg-green {
    background-color: #7ec38f;
}
.spwa-bg-orange {
    background-color: #E77127;
}
.adc-bg-green {
    background-color: #97B63F;
}
.rtc-bg-red {
    background-color: #D83546;
}
.ctcc22-bg-orange {
    background-color: #DC5C43;
}
.ccc-bg-green {
    background-color: #52968B;
}
.mtc-bg-purple {
    background-color: #4A4879;
}
.voices-teal {
    background-color: #8ac2c9;
}
.look-again-pink {
    background-color: #dc7aba;
}
.look-again-yellow {
    background-color: #f8c645;
}






/*--------------------------------------------------
Medium devices (less than 1200px)
----------------------------------------------------*/
@media (max-width: 1199px) {

.resources-intro {
    padding: 80px 0 80px 0;
}
.va-box-caption-body h2 {
    font-size: 1.8rem;
}
.va-box-caption-body p {
    font-size: 0.9rem;
}

}



/*--------------------------------------------------
IPAD Medium devices (less than 992px)
----------------------------------------------------*/
@media (max-width: 991px) {

.resources-intro {
    padding: 70px 0 70px 0;
}
.resources-open-content {
    padding: 30px 0 70px 0;
}
.va-box-caption-body h2 {
    font-size: 1.8rem;
}
.va-box-caption-body p {
    font-size: 0.9rem;
}

}



/*--------------------------------------------------
Nexus 7 Small devices (less than 768px)
----------------------------------------------------*/
@media (max-width: 767px) {

.resources-intro {
    padding: 60px 0 60px 0;
}
.resources-open-content {
    padding: 20px 0 50px 0;
}
.box-ctcc img {
    width: 250px;
}
.va-box-caption-body h2 {
    font-size: 1.9rem;
}
.va-box-caption-body p {
    font-size: 1rem;
}

}



/*--------------------------------------------------
IP 6 6+, 7+ - (less than 576px)
----------------------------------------------------*/
@media (max-width: 575px) {

.resources-intro {
    padding: 50px 0 50px 0;
}
.resources-open-content {
    padding: 10px 0 40px 0;
}
.va-box-caption-body h2 {
    font-size: 2.4rem;
}
.va-box-caption-body p {
    font-size: 1.1rem;
}
.ov-but-mob {
    display: block;
    margin-bottom: 5px;
}

}