  @import url("/content/dam/bc1/top-tier/css/custom-global.css");



.int-wrap .main-content h2, .info-section h2, body .int-wrap h2  {
        font-size: 34px;
    	font-family: 'OpenSans-Light', Helvetica, Arial, sans-serif;
    }

.int-wrap .main-content p {
        font-size: 23px;
    }

.int-wrap .info-section h2 {
        font-size: 28px;
        font-family: Open Sans;
    }

.int-wrap section.text-section {
         padding: 24px 0 11px;
    }


.padded-section.small {
    padding: 45px 0;
    font-size: 100%;
    text-align: center;
}

.int-wrap .fyi-section {
    padding: 5px 0;
}

.int-wrap .fyi-section .fact-row .row div.col-md-3.col-sm-3.col-xs-6:nth-child(4) .fact .figure {
    font-size: 56px;
     white-space: no-wrap;

}


.int-wrap .image-section.left-caption .container-fluid .pull-right .content {
    color: #000000 !important;
    position: absolute;
    top: 20px;
    right: auto;
    left: 34px;
    padding: 20px;
    background: transparent;
}

@media screen and (max-width: 991px) and (min-width: 319px) {
.int-wrap .fyi-section .fact-row .row div.col-md-3.col-sm-3.col-xs-6:nth-child(4) .fact .figure {
    font-size: 36px;
     white-space: no-wrap;
 }
}

@media screen and (max-width: 767px){
.int-wrap .image-section.left-caption .container-fluid .pull-right .content {
    color: #ffffff;
    position: absolute;
    top: auto;
    right: auto;
    left: 0px;
    padding: 25px 20px;
    background: #777;
    width: 100%;
  }

.int-wrap .image-section.left-caption .container-fluid .pull-right .content h2, 
.int-wrap .image-section.left-caption .container-fluid .pull-right .content p {
    color: #fff;
}
 }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .image-section .pull-right .content {
        background: none !important;
    }
    .int-wrap .fyi-section .fact-row .fact{
    	min-height: 289px;
	}

}