#finance_banner_1 {float:left; width:100%; height:300px;
background:
url('../images/finance/white-10-yrs-logo.png'), 
url('../images/finance/finance_banner_1.png'); 
background-repeat:no-repeat,no-repeat; 
background-position:top 50% right 3%,left 0 bottom 30%; 
background-size:auto auto,100% auto;}
#finance_banner_1 .finance_row_text { margin:6% 0 0;}

.finance_banner_1_inn { float:left; width:100%; position:relative;}
.finance_row_text { float:left; width:100%; margin:2% 0 0;}
.finance_row { float:left; width:100%;}
.finance_row h2 { margin:0px; padding:30px 40px; text-align:center; font-size:50px; line-height:50px; background:#ffffff; color:#3a4b9f; float:left;font-family:'Montserrat Light';}
.finance_row h2 span{font-size:25px; line-height:30px; font-style:italic;}

.finance_banner_1_inn .btn {
    display: block;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 10%;
    right: 0;
    bottom: 0;
}
.finance_banner_1_inn a { display:inline-block; color: #fff; padding:12px 50px 12px 20px;  border-radius:28px; font-size: 20px; font-weight:normal; background:#ed1e3b url('../images/finance/arrow-right.png'); background-repeat: no-repeat; background-position:top 12px right 12px;font-family:'Montserrat Light';}
.finance_banner_1_inn a:hover {background:#fff url('../images/finance/arrow-right-hover.png'); background-repeat: no-repeat; background-position:top 12px right 12px; color:#ed1e3b; }


.finance_row h3 { margin:-15px 0 0 12%; padding:20px 40px; font-size:28px; line-height:30px; background:#58585a; color:#fff; float:left; font-weight:normal;font-family:'Montserrat Light';}
.flexible_text { float:left; width:60%; left:36%; top:26%; position:absolute;}
.flexible_text h4 { color:#fff; margin:0px; padding:0px;font-size:50px;  line-height:50px; font-family:'Montserrat Light';}
.flexible_text h5 { margin:0 0 0 18%; color:#fff; font-size:50px; line-height:50px; padding:0px; font-family:'Montserrat Light';}
.flexible_btn { margin:3% 0 0 -25%; float:left; width:100%; text-align: right;}
.flexible_btn a { background:#4daf4f; color:#fff; border-radius:12px; padding:10px 30px; font-size:30px;font-family:'Montserrat Light';}
.flexible_btn a:hover { background:#e5002d;}


@media only screen and ( max-width:1750px) {
.finance_row h2 { padding:20px 40px;font-size: 50px;line-height: 60px;}
.flexible_text { left: 32%; top: 34%;}
}

@media only screen and ( max-width:1700px) {
.wrapper2 { width: 70%;}
.finance_banner_1_inn .btn { top:95%;}

.flexible_text { left:30%; top:30%;}
.flexible_text h4,.flexible_text h5 { font-size:45px; line-height:50px;}
.finance_row h2 { padding:15px 30px;font-size:45px;line-height:50px;}
.finance_row h3 { padding:10px 20px; font-size:25px; line-height:30px;}
}


@media only screen and ( max-width:1520px) {
#finance_banner_1 .finance_row_text { margin:6% 0 0;}
.flexible_text { left:30%; top:40%;}
.finance_row h2 { padding:12px 25px;font-size:40px;line-height:50px;}
.finance_row h3 { padding:10px 20px; font-size:25px; line-height:30px; margin:0 0 0 10%;}
.flexible_text h5 {margin: 0 0 0 16%;}
}  

@media only screen and ( max-width:1400px) {
#finance_banner_1 {background-position: top 35% right 3%,left 0 bottom 30%;background-size: 14% auto,100% auto;}
#finance_banner_1 .finance_row_text { margin:8% 0 0;}
.flexible_text { left:30%; top:30%;}
.finance_row h2 { padding:10px 20px;font-size:35px;line-height:40px;}
.finance_row h3 { padding:8px 15px; font-size:22px; line-height:28px; margin:0 0 0 10%;}
.flexible_text h5 {margin: 0 0 0 16%;}
.flexible_text h4,.flexible_text h5 { font-size:40px; line-height:50px;}
.flexible_text h5 { padding:0px;}
}  

@media only screen and ( max-width:1200px) {
.wrapper2 { width: 80%;}
#finance_banner_1 { height:350px;}
#finance_banner_1 {background-position: top 40% right 3%,left 0 bottom 30%;background-size: 16% auto,100% auto}
.flexible_btn a {padding: 7px 22px;font-size: 25px;}

#finance_banner_1 {background-position: top 40% right 3%,left 0 bottom 30%;background-size: 16% auto,100% auto}
#finance_banner_1 .finance_row_text { margin:14% 0 0;}
.flexible_text { left:35%; top:48%;}
.flexible_text h4,.flexible_text h5 { font-size:35px; line-height:46px;}
}

@media only screen and ( max-width:1000px) {
.wrapper2 { width:90%; margin:0 auto;}
#finance_banner_1 {
background:
url('../images/finance/white-10-yrs-logo.png'), 
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/finance/finance_banner_1.png'); 
background-repeat: no-repeat,no-repeat,no-repeat; 
background-position:top 40% right 3%,top 0 left 0,right 0 bottom 0%; 
background-size:16% auto,100% 100%,140% auto;}
#finance_banner_1 .flexible_text h4,#finance_banner_1 .flexible_text h5 { font-size:30px; line-height:40px; }
}

@media only screen and ( max-width:820px) {
#finance_banner_1 { height:260px;}
#finance_banner_1 .finance_row_text { margin:7% 0 0;}
.flexible_text { top:40%; left:38%;}
.flexible_text h5 { margin:0 0 0 10%;}
.finance_row h3 { margin:0 0 0 7%;}
}

@media only screen and ( max-width:767px) {
#finance_banner_1 .flexible_btn { margin:3% 0 0 0;}
#finance_banner_1 .flexible_btn a {padding:6px 20px;font-size: 19px;}

#finance_banner_1 .finance_row_text { margin:5% 0 0;}
.flexible_text { left:40%; top:25%;}

.finance_banner_1_inn .btn { top:150px;}
#finance_banner_1 .flexible_text h4,#finance_banner_1 .flexible_text h5 { font-size:26px; line-height:35px;}
.flexible_text { left: 40%; top:40%;}

.finance_row h2 { padding:8px 15px; font-size: 32px; line-height: 40px;}

}

@media only screen and ( max-width:640px) {
#finance_banner_1 { height:250px;}
#finance_banner_1 {background-position:top 50% right 2%,top 0 left 0,right 0 bottom 0%; background-size:15% auto,100% 100%,140% auto;}
#finance_banner_1 .flexible_text h4, #finance_banner_1 .flexible_text h5 { font-size:22px; line-height:30px;}
.finance_row h2 { padding:7px 15px;font-size:20px; line-height: 30px;}
.finance_row h3 {padding: 8px 15px;font-size:17px; margin:0 0 0 4%;}
}

@media only screen and ( max-width:540px) {
#finance_banner_1 {background-position:top 40% right 2%,top 0 left 0,right 0 bottom 0%; background-size:12% auto,100% 100%,180% auto;}
#finance_banner_1 .flexible_text h4, #finance_banner_1 .flexible_text h5 { font-size:22px; line-height:30px;}
.finance_row h2 { padding:8px 30px;font-size:19px; line-height: 30px;}
.finance_row h3 {padding:6px 15px;font-size:17px;}
.flexible_text { left:46%; top:80%;}
.finance_banner_1_inn .btn { top:160px;}
.finance_banner_1_inn .btn a,.finance_banner_1_inn .btn a:hover { padding:10px 40px 10px 17px; font-size:17px;background-position: top 10px right 10px; background-size:10%;}

}

@media only screen and ( max-width:460px) {
#finance_banner_1 .finance_row_text { margin:2% 0 0;}
.flexible_text { left: 40%; top: 110%;}
.finance_banner_1_inn .btn { top:180px;}
#finance_banner_1 .flexible_text h4, #finance_banner_1 .flexible_text h5 { font-size:19px; line-height:30px;}
.finance_row h2 { padding:6px 20px;font-size:17px; line-height: 25px;}
.finance_row h3 {padding:6px 10px;font-size:15px;}
}

@media only screen and ( max-width:370px) {
.flexible_text { left:30%; top:120%;}
.finance_row h2 { padding:6px 20px;font-size:20px; line-height:25px;}
.finance_row h3 {padding:4px 20px;font-size:15px;}
#finance_banner_1 .flexible_text h4, #finance_banner_1 .flexible_text h5 { font-size:19px; line-height:30px; margin:0px;}
}