.site-header {
background: #00337f;
border-bottom: 5px solid #ffffff;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.7);
}
.site-header .widget-area p {
font-size: 35px;
color: #fff;
margin: 0 10% 0 0;
}
.site-inner {
padding-top: 5px;
}
.social_icons img{
border:none;
padding: 0px 5px;
}
.social_icons a{
color:transparent;
}
.nc-notice {
overflow: hidden;
background-color: #00337f;
}
.nc-block1 {
/*padding: 15px;*/
float: left;
/*width: 11%;*/
/*margin-left: 45px;*/
}

.nc-block2 {
padding: 0 0 0 25px;
float: left;
width: 35%;
font-size: 12px;
color: #fff;

}
/*.underline {
text-decoration: none;
white-space: nowrap;
margin-bottom: 0px;
}*/
.widget ul > li {
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.site-header > .wrap {
    padding: 10px 0;
}
.footer-widgets  a {
    color: #eee;
text-decoration:none;
}
.widget-title {
    border-bottom: solid 1px;
    padding-bottom: 20px;
    width: 203px;
font-size:20px;
}
.bannerblock-left a{
  color: #fff;
text-decoration:none;
}
.bannerblock-left a:hover{
text-decoration:underline !important;
}
.footer-widgets a:hover{
text-decoration:underline !important;
}
.site-footer {
background: #00337f;
/*  background-color: #333;*/
    color: #fff;
padding: 15px 0;
border-top: 1px solid #fff;
}
.footer-left {
float:left;
}
.footer-right {
float:right;
}
.footer-widgets {
background: #00337f;
/*background-color: #333;*/
    color: #fff;
padding: 25px 0;
}
.banner-image {
width:100%;
min-height:520px;
overflow:hidden;
background: url(/wp-content/uploads/2017/08/wwfcu_mico_home22.jpg) left;
   background-size: cover;
    background-repeat: no-repeat;
}
/*.banner-image img{
height:590px;
}*/
.bannerblock-left {
float:left;
width:60%;
padding: 10px 50px 10px 150px;
margin-top: 20px;
color: #fff;
}
.bannerblock-left p{
font-family: "Haas Grotesk Bold", "Haas Grotesk Regular", "Helvetica Neue", helvetica, arial, sans-serif;
font-weight: bold;
font-size: 40px;
line-height: 25px;
}
.bannerblock-left .exp {
font-size: 20px;
}
.bannerblock-left .exp2 {
font-size: 30px;
}
.bannerblock-left li{
font-family: "Haas Grotesk Bold", "Haas Grotesk Regular", "Helvetica Neue", helvetica, arial, sans-serif;
font-weight: bold;
font-size: 20px;
background: url(/wp-content/uploads/2017/08/bullet-block.png) center left no-repeat;
padding-left: 35px;
color: #00337f;
}

.bannerblock-right {
float:right;
width:32%;
padding-right:100px;
margin-top:10px;
}
.optinform {
padding:15px;
margin-top:10px;
background: rgba(0, 0, 0, 0.3);
color:#fff;
}
.optinform .wpcf7-form {
width:100%;
}
.optinform input, select, textarea {
padding:0px;
}
.optinform .wpcf7-submit {
margin-top:10px;
}
.optinform input[type="submit"] {
width: 150px;
height: 40px;
}

.optinform .wpcf7-form p {
padding:0;
margin:0;
}
.banner-image2 img{
height:590px;
}
.banner-image2 {
width:100%;
height:590px;
}
@media only screen and (max-width: 1369px) {
.bannerblock-left {
margin-top:10px;
}
.site-header .widget-area p {
margin: 0 5% 0 0;
}
}
@media only screen and (max-width: 1042px) {
.banner-image {
     height: 490px;
}
.site-header .widget-area p {
margin: 0 12% 0 0;
}
.bannerblock-left {
    width: 50%;
    padding: 10px 30px 10px 69px;
    margin-top: 20px;
}
.bannerblock-right {
    width: 40%;
    padding-right: 85px;
}
.nc-block1 {
width:15%;
margin: 0;
}
.nc-block2 {
width:45%;
}
}

@media only screen and (max-width: 860px) {
.banner-image {
/*height: 125px;*/
height: 770px;
}
.nc-block1 {
float:none;
width:100%;
margin: 0;
}
.nc-block2 {
float:none;
width:100%;
padding: 0;
}
.footer-left {
float:none;
}

.footer-right {
float:none;
padding-top:15px;
}
.unblock {
display:none;
}
.secondary-nav {
    display: none !important;
}
.bannerblock-left {
width: 100%;
padding: 10px 10px 10px 10px;
margin:0;
font-size: 18px; 
color: rgb(255, 255, 255);
}
.bannerblock-left p {
    font-size: 20px;
    line-height: 25px;
margin-bottom:5px;
}
.bannerblock-left li{
font-size: 15px;
}
.bannerblock-left .exp {
font-size: 15px;
}
.bannerblock-right {
width: 100%;
padding: 0 10px 10px 10px;
margin:0;
}
.banner-image2 {
height: 125px;
}
.site-header .widget-area p {
margin: 0;
}
.bannerblock-left .exp2 {
font-size: 16px;
}
}