.banners h1{font-size:60px;line-height:65px;max-width: 570px;margin:0 auto;padding: 200px 0 10px;}
.medium-6:hover h1, .medium-6:hover h3{animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;}
				
._ladrillo{ padding: 40px 30px; border:1px solid #B33636;}
#portada h1 {padding-bottom:60px;font-size:25px;line-height:35px;letter-spacing:2px;} 
#portada h2 {padding-bottom:20px;font-size:45px;line-height:55px;letter-spacing:2px;} 
#portada h3{padding-bottom:60px;font-size:25px;line-height:35px;letter-spacing:0.2px;}
#portada p{font-size:16px;line-height:24px;padding-bottom:10px;}

#portada .callout-1{background: #2C394B;padding: 180px 0 80px;}
#portada .callout-1 h3{padding-bottom:10px;font-size:19px;line-height:25px;letter-spacing:0.2px;height: 60px;}
#portada .callout-1 p{height: 106px;}
#portada .callout-1 figure img{margin-top: -110px;height: 74px;}
#portada .callout-1 .medium-4 { padding: 0;}

#portada .callout-2{background: #2C394B;padding: 50px 0;}
#portada .callout-2 ul {margin-top: 150px;}
#portada .callout-2 ul li{display: table-cell;padding: 20px 22px;border:1px solid #fff;padding-right: 60px ;height: 100px;}
#portada .callout-2 ul li + li{background: #B33636;border:1px solid #B33636;padding-right: 30px;}
#portada .callout-2 ul li + li p{padding-top: 20px;}
#portada .callout-2 .large-7 p{padding-right: 70px;}
#portada .callout-2 a:hover{color: #fff!important;}

#portada .callout-3{background: #2C394B;padding: 90px 0 100px;}
#portada .callout-3 h2 {padding-bottom:10px;} 
#portada .callout-3 p{max-width: 600px;margin: 0 auto;padding-bottom: 40px;}
#portada .callout-3 .contiene_slider{border:1px solid #B33636;z-index: 2;position: relative;}
#portada .callout-3 blockquote{font-weight: 800;color: #fff;padding: 18px 10px 10px;}
#portada .callout-3 ul{border:1px solid #B33636;}
._capa_blanca{background:#fff;padding: 125px 0;position: absolute;left: 0;bottom: 0;width: 100%;}


@media only screen and (max-width: 40em){ /*small*/
    .banners h1 {margin-top: 0px !important;font-size: 20px !important;line-height: 28px !important;padding: 150px 0 10px;}
    .banners ._data_banners {padding-left: 20px;}
    .banners .btn {margin-top: 10px;font-size: 13px;line-height: 20px;}
    .banners ._data_banners ul {margin-top: 40px;  max-width: 330px;}
    .banners p {font-size: 15px !important;line-height: 23px;}
    .banners .imagen_banner {padding: 30px 5px 0;}
    
    #portada .callout-2 ul {margin-top: 20px;}
    #portada .callout-2 ul li {padding: 0px 15px;padding-right: 20px;}
    #portada .callout-3 {padding: 20px 0 30px;}
    #portada .callout-3 figure img{height: 280px;}
    #portada p {font-size: 14px;line-height: 22px;padding-bottom: 40px;}
    ._capa_blanca{ display: none;}
}

@media only screen and (max-width: 340px){ /*small*/
    .banners h1 {font-size: 18px !important;line-height: 25px !important;padding: 100px 0 10px;}
    .banners ._data_banners ul li {padding: 10px;}
    .banners p {font-size: 13px !important;line-height: 19px !important;}
    .banners .fondo {height: 680px;}
}