button,hr,input{overflow:visible}
audio,canvas,progress,video{display:inline-block}
progress,sub,sup{vertical-align:baseline}
[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}sup{top:-.5em}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}
fieldset{padding:.35em .75em .625em}
legend{color:inherit;display:table;max-width:100%;white-space:normal}
textarea{overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}[hidden],template{display:none} @import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Lato"); body{
background-color: #000;
color: #fff; 
font-family: 'Lato', sans-serif;
overflow-x: hidden;   
}
html {
font-size: 62.5%;
}
a {
color: #104d84; 
text-decoration: none;
}
a:hover {
color: #1b5884; 
text-decoration: underline;
}
img {
height: auto;
max-width: 100%;
}
iframe {
max-width: 100%;
}
p {
line-height: 1.7;
margin-top: 0;
text-align: justify;
}
hr {
background-color: #194795;
color: #194795;
height: 1px;
}
h1 {
color: #194795;
font-weight: lighter;
font-size: 4em;
margin: 20px auto;
text-align: center;
width: 60%;
} .clear {
display: block; 
clear: both; 
overflow: hidden;
} .slicknav_menu {
background-color: rgb(144, 108, 53) !important;
padding: 5px 0 !important;
}
.slicknav_btn { 
background-color: #fff !important;
opacity: 0.8 !important;
}
.slicknav_menu .slicknav_icon-bar {
background-color: rgb(144, 108, 53) !important;;
}  #logo {
margin: 0 auto;
position: absolute;
width: 100%;
z-index: 1000;
text-align: center;
} #slider-image {
padding-top: 40px;
position: relative;
z-index: 900;
}
.page-title{ 
background: rgba(255,255,255,0.7);
bottom: 20%;
padding: 20px;
position: absolute;
right: 20px;
}
#slider-image img{
display: block
}
.caption-wrap {
background: rgb(144, 108, 53, 0.5) !important;
bottom: 190px !important;
padding: 10px;
position: absolute;
width: 100% !important;
padding: 0;
}
.metaslider .caption {
height: 40px !important;
padding: 0 10px 30px 10px !important;
word-wrap: break-word !important
}
.metaslider .flexslider .slides p {
text-align: center !important
}
span.coach {
font-size: 2.4rem;
font-weight: bold;
font-weight: 100;
line-height: 80px;
letter-spacing: 0.045em;
text-transform: uppercase;
}
span.destaca {
color: rgba(255,255,255,0.8);
display: inline-block;
font-size: 1.6rem;
margin-left: 3%;
text-transform: uppercase;
}
p.teach{
color: #ffffff;
font-size: 2rem;
font-weight: lighter;
line-height: 2.5em
} #frase {
float: left;
padding: 80px 0 60px 0;
text-align: center;
width: 100%
}
#frase h2{
color: #000;
font-size: 3rem;
font-weight: 100;
letter-spacing: .2em;
margin: 0 auto;
text-transform: uppercase;
width: 80%;
}
.blanco {
background-color: #fff;
height: auto;
padding-bottom: 100px;
position: relative;
z-index: 2000
}
.masterya h3 {
color: #8f8f98
} nav#menu {
float: left;
margin: 0 auto;
padding-top: 40px;
position: relative;
width: 100%;
z-index: 999;
}
#menu ul{
list-style: none; 
margin: 0;
padding: 0;
}
#menu > div > ul{
text-align: center;
}
#menu > div > ul > li{
display: inline-block; 
font-size: 1.4rem;
position: relative;
}
#menu > div > ul > li > a {
color: #000000;
font-size: 1em;
font-weight: 200;
margin: 0 10px;
padding: 10px 0;
text-transform: uppercase;
text-decoration: none !important;
}
#menu > div > ul > li > a:hover {
color: rgb(144, 108, 53);
}
#menu > div > ul > li > ul {
background: #8a4a34;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
display: none;
margin: 10px 10px 0;
left: 0;
padding: 0 20px;
position: absolute;
text-align: left;
top: 100%;
z-index: 999;
width: 350px;
}
#menu > div > ul > li > ul > li > a {
border-bottom: 1px solid #fff;
color: #fff;
font-size: 15px;
margin: 10px 0;
padding: 10px 0;
text-decoration: none !important;
}
#menu > div > ul > li > ul > li > a:hover {
color: #000;
}
#menu > div > ul > li:hover > ul {
display: block; 
color: #fff;
}
#menu > div > ul > li > ul a {
display: block;
font-size: 14px;
font-weight: normal;
margin: 10px 0;
} .slicknav_nav a {
font-family: 'Open Sans';
text-transform: uppercase;
text-decoration: none !important;
} .busca {
float: left;
padding: 0px 40px;
width: 100%;
}
.titulo {
font-size: 20px;
}
.contenido p {
color: black;
} #contenedor {
max-width: calc(80% - 40px); 
margin: 0 auto; 
padding: 4em 20px 2em; 
text-align: justify;
width: 100vw;
}
.grid {
margin: 0 auto; 
max-width: 80%; 
padding: 0; 
position: relative;
text-align: center; 
}
.grid-article {
display: inline-block; 
max-width: 100%;
position: relative; 
vertical-align: top; 
width: 33%; 
}
.grid-article > div {
margin: 20px;
position: relative; 
}
.grid-article h3 {
font-size: 1.1em; 
margin: 0;
text-align: left;
}
.grid-article h3.blog-title {
margin: 10px 0;
text-align: center;
}
.grid-article a, 
.grid-article img {
display: block;
}
.grid-article .fecha {
margin: 0 0 10px;
text-align: left; 
}
.grid-article p {
font-size: 0.9em; 
text-align: justify;
}
.grid-article span {
background-color: #f5c426; 
bottom: 0; 
color: #1c232f;
font-weight: 900; 
font-size: 14px;
padding: 10px 45px; 
position: absolute;
text-transform: uppercase; 
transition: .5s ease; 
right: 0; 
}
.grid-article a:hover span {
background-color: #1c232f;
color: white;
}
.fst-listing { }
#old_posts {
bottom: -50px;
border: 2px solid #f7e89c;
border-radius: 5px; 
color: #1c232f; 
font-size: 14px; 
padding: 16px 20px; 
position: absolute; 
text-decoration: none; 
transition: 0.4s;
right: 20px; 
width: 161px; 
}
#old_posts:hover {
background-color: #f7e89c; 
color: #1c232f; 
transition: .5s ease; 
}
div#destacado {
margin: 0 auto;
width: 80%;
}
#social {
background: #FFF;
border-radius: 10px 0 0 10px;
border: 1px solid #ccc;
border-right: 0;
box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.3);
padding: 5px 0;
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 9999;
}
#social ul {
margin: 0;
list-style: none;
padding: 0;
text-align: right;
}
#social ul li {
display: block;
}
#social ul li a:hover {
color: #000;
}
#suscripcion {
position: relative;
}
#suscripcion img {
display: block;
}
#suscripcion .slogan {
background-color: white;
bottom: 0;
opacity: 0.9;
padding: 40px 0;
position: absolute;
width: 100%;
}
#suscripcion .slogan p {
margin: 0;
}
#suscripcion .slogan img {
width: 30%;
float: left;
padding: 0 10px;
}
.o1-col1 {
color: #000000;
font-size: 35px;
float: left;
font-weight: 300;
padding: 20px 20px;
padding-top: 20px;
text-transform: uppercase;
}
.o1-col2 {
float: left;
}
.form h2 {
font-size: 30px;
margin: 0 0 20px;
padding: 0;
text-transform: uppercase;
}
.form h2 span {
display: block;
font-weight: 300;
font-size: 26.5px;
margin-top: 5px;
}
.form input, .form textarea {
border: none;
border: 1px solid #ccc;
color: #444;
font-family: 'Oswald', sans-serif;
font-size: 14px;
font-weight: 300;
margin: 0 0 20px;
padding: 10px;
width: -webkit-fill-available;
width: -moz-available;
width: fill-available;
}
.form textarea {
height: 133px;
}
.form .ajax-loader {
display: none !important;
}
.form .wpcf7-submit {
background: #000;
border: none;
border-radius: 10px;
cursor: pointer;
color: #fff;
font-size: 20px;
font-weight: bold;
margin: 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.form .wpcf7-submit:hover{
background: #fff; 
color: #000;
text-decoration: none;
}
#sobre {
padding: 80px 0 60px 0;
}
#sobre .titulo {
padding-bottom: 50px;
width: 35%;
}
#sobre .titulo h2 {
color: #194795;
font-size: 45px;
margin: 0 0 5px;
text-transform: uppercase;
text-align: left;
}
#sobre .titulo h2 em {
font-style: inherit;
font-weight: 300;
}
#sobre .titulo2 {
width: 90%;
padding-bottom: 50px;
}
#sobre .titulo2 h2 {
color: #194795;
font-size: 45px;
margin: 0 0 5px;
text-align: left;
text-transform: uppercase;
}
#sobre .titulo2 h2 em {
font-style: inherit;
font-weight: 300;
}
#sobre .texto {
font-size: 1.5em;
margin: 0 auto;
width: 80%;
}
#sobre .texto2 {
padding: 0 80px;
width: 60%;
}
#sobre p {
font-size: 1.8rem;
font-weight: 0;
margin: 0;
}
#sobre a {
display: block;
font-size: 18px;
font-weight: bold;
margin: 5px 0 20px;
text-transform: uppercase;
}
#sobre h4 {
color: #000;
display: inline-block;
font-size: 20px;
margin: 0 20px 0 0;
text-transform: uppercase;
vertical-align: middle;
}
#quiero {
margin: 0 auto;
padding-bottom: 80px;
width: 80%;
}
.boton-main {
background-color: #21a2b4;
border: 2px solid #194795;
border-radius: 0 0 20px 20px;
color: #000000;
font-weight: 300;
font-size: 30px;
padding: 5px 18px 10px;
text-decoration: none; 
}
.boton-main:hover {
background-color: #b7e3e9;
color: #194795;
text-decoration: none;
}
#banners > div {
float: left;
position: relative;
width: 50%;
}
#banners > div img {
width: 100%;
}
#banners > div .extracto {
color: #fff;
margin: 0 15%;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 70%;
z-index: 1;
}
#banners > div .extracto img {
display: block;
margin: 0 auto 5px;
width: 300px;
}
#banners > div a {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
#banners > div .overlay {
background: rgba(0,0,0,0.7);
display: block;
height: 100%;
position: absolute;
top: 0;
transition: background 0.4s;
width: 100%;
z-index: 0;
}
#banners > div:hover > .overlay {
background: rgba(16,77,132,0.9);
}
#banners > div h3 {
font-size: 30px;
margin: 0;
text-align: center;
text-transform: uppercase;
}
#banners > div p {
line-height: 1.5;
margin: 10px 0;
}
#banners > div .leer {
display: inline-block;
border: 2px solid;
font-size: 14px;
margin-top: 11px;
padding: 10px;
text-transform: uppercase;
width: 150px;
}
#credits {
background: #bc955a;
color: #FFF;
padding: 60px 60px 100px 60px;
position: absolute;
}
#credits p {
margin: 0;
text-align: left;
}
#credits p a {
color: #ffffff;
font-size: 18px;
text-decoration: none;
}
#credits h2 {
color: #fff;
font-size: 3rem;
font-weight: 100;
letter-spacing: .2em;
margin: 0 auto;
padding-bottom: 30px;
text-transform: uppercase;
width: 95%;
}
.formulario {
float: left;
position: relative;
width: 50%;
margin-right: 7%;
}
.frase-final {
background-color: #000;
float: left;
font-size: 1.8rem;
padding: 50px;
position: relative;
top: 65px;
width: 20%;
}
.form .wpcf7-submit {
float: left;
margin-left: 15px;
width: 96%;
}
.telefonos {
color: #efdbb4;
float: left;
font-size: 20px;
font-weight: bolder;
padding-left: 40px;
position: relative;
top: 200px;
}
.cierre {
color: #000;
display: none;
float: left;
padding-top: 40px;
padding-left: 40px;
width: 100%;
}
.form .wpcf7-not-valid-tip {
font-size: 12px !important;
font-family: 'Lato' !important;
left: 5px !important;
position: relative;
top: -15px;
}
.wpcf7-response-output {
border: none !important;
font-size: 12px !important;
font-family: 'Lato' !important;
margin: 10px 0 0 0 !important;
padding: 0 !important;
text-align: center;
}
.form {
max-width: 100%;
min-width: 355px; 
}
.pigflex {
color: #ff00e4;
font-size: 14px;
text-transform: uppercase;
}
#blog {
margin: 50px 0 10px;
text-align: center;
}
#blog h2 {
color: #000;
font-size: 30px;
text-transform: uppercase;
margin: 0 0 20px;
}
.grid {
padding: 0 50px;
text-align: center;
}
.grid > div {
display: inline-block;
margin: 0 20px 40px;
position: relative;
vertical-align: top;
width: 260px;
}
.grid h3 {
background-color: #000;
background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0.9), rgba(0,0,0,0.8), rgba(0,0,0,0.7), rgba(0,0,0,0.6), rgba(0,0,0,0.5), rgba(0,0,0,0.3), rgba(0,0,0,0));
bottom: 7%;
color: #fff;
display: block;
font-size: 1.6rem;
font-weight: 100;
margin: 0 0 10px;
overflow: hidden;
padding: 1rem;
position: absolute;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 60%;
z-index: 1;
}
.grid img {
margin-bottom: 5px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.grid img:hover {
margin-bottom: 5px;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.grid p {
font-size: 14px;
line-height: 1.3;
margin: 5px 0 15px;
}
.grid a {
color: rgb(144, 108, 53);
display: grid;
font-size: 1.2rem;
text-align: right;
text-transform: uppercase;
}
.slogan p {
margin: 0; 
line-height: 1;
}
#contenedor {
margin: 0 auto;
max-width: 100%;
position: relative;
}
#social ul li a {
display: block;
color: #444444;
font-size: 25px;
margin: 5px;
padding: 3px 10px;
}
#sobre .texto p, 
.texto2 p, 
#banners .extracto p, 
.grid p, 
#credits, 
.contenedorInterno p {
font-family: 'Lato', sans-serif;
}
.contenedorInterno .form h2 {
font-size: 24px !important;
text-align: center;
}
.contenedorInterno h2 {
color: #194795;
text-align: justify;
}
.contenedorInterno h2,
.contenedorInterno h3,
.contenedorInterno h4,
.contenedorInterno h5,
.contenedorInterno h6 {
text-transform: none !important;
}
.contenedorInterno h2 {
font-size: 1.7em; 
font-weight: lighter;
}
#info {
position: absolute;
top: -10px;
right: 20px;
}
#info h3 {
color: #000;
font-size: 16px;
margin: 0;
text-align: right;
text-transform: uppercase;
}
#info a {
display: inline-block;
background: #e2af4d;
color: #000;
font-size: 14px;
margin: 5px 0 0 5px;
padding: 5px 10px;
}  @media screen and (min-width: 1200px) {
.contenedorInterno{padding: 20px 66px}
}
@media screen and (max-width: 1200px) {
.contenedorInterno{padding: 20px 63px}
#info{margin: 20px 20px 0; position: static; text-align: right;}
.o1-col1{color: #000000; font-size: 20px; font-weight: 300; float: left; text-transform: uppercase;}
.o1-col2{margin-left: 0px; width: 60%;} 
}
@media screen and (min-width: 1200px) {
header{margin: 20px 0;}  
.table{display: table; width: 100%;}
.table > *{display: table-row;}
.table > * > *{padding: 0 20px;text-align: center;vertical-align: middle;}
#logo {
text-align: center !important;
}
#suscripcion .form {color: #FFF; position: absolute; right: 14%; transform: translateY(-50%); top: 50%;}
.slicknav_menu{display: none;}
#lightboxVideo .border{background: #000;  bottom: -50px; left: -50px; position: absolute;  top: -50px; right: -50px; z-index: -1;}
}
@media screen and (max-width: 1200px) {
header{margin: 20px;}
#menu {display: none;}
#sobre {padding: 30px 0; text-align: center;}
#banners > div .extracto p {display: none;}
#banners > div {width: 100%; float: none;}
#suscripcion {padding: 30px 20px;}
#suscripcion .form {display: inline-block;}
.form h2{font-size: 26px;}
.form h2 span{font-size: 22px;}
#menu {display: none;}
#texto-invitacion {color: #FFF; position: absolute; top: 20px; left: 20px; text-align: center;}
#texto-invitacion h2, #texto-invitacion h4{display: none;}
#aporte > div{display: block;}
#aporte > div > div{display: block;}
#aporte > div > div > div{display: block; margin: 0 0 10px;}
#aporte > div > div > div img{width: 100% !important;}
.caption-wrap { 
bottom: 0;
width: 100%; 
padding: 10px 0;
}
.teach {
display: none;
}
.queremos { font-size: 4em; line-height: 100px;}
.mejorar{ font-size: 2.1em; line-height: 1px; }
#sobre .titulo{ width: 30%; padding-bottom: 20px; float: left;}
#sobre .titulo h2 { font-size: 38px;}
#sobre .titulo2{ width: 60%; padding-bottom: 20px; margin: 0 auto;}
#sobre .titulo2 h2 { font-size: 38px; text-align: center; }
#sobre .texto{ padding: 0 40px; width: 60%; float: left;}
#quiero { width: 90%; padding-bottom: 70px;}
h1 {font-size: 3em;}
#slider-image .page-title { top: inherit;bottom: 40%; right: 10px; margin: 0; padding: 10px;}
} @media screen and (max-width: 960px) { .slicknav_menu {
margin-bottom: 3rem;
} .table{
margin: 0;
}
.table img {
float: none;
width: 28%;
} #slider-image {
padding-top: 0;
}
.caption-wrap {
position: absolute;
bottom: 70px !important;
right: 0;
background: black;
color: white;
line-height: 1.4rem;
margin: 0;
display: block;
width: 100%;
}
.caption {
padding: 0 !important;
}
.caption span {
font-size: 2rem;
line-height: 0;
}
.coach {
font-size: 1.8rem;
line-height: 0;   
} 
.destaca {
margin-top: 2rem;
} .blanco {
padding-bottom: 0;
}
.blanco #menu {
display: none;
}
#frase {
float: none;
margin: 0;
padding: 40px 0 60px 0;
text-align: center;
width: 100%;  
}
#frase h2 {
font-size: 2.7em;
font-weight: 100;
margin: 0 auto;
width: 80%;
}
#contenedor {
display: none;
} #sobre {
padding: 60px 0px;
}
#sobre .texto {
font-size: 1.4rem;
margin-bottom: 2rem;
padding: 0 40px;
text-align: left;
width: auto;
}
#sobre .texto p {
line-height: 1.8; 
} #destacado,
.fst-listing {
padding-bottom: 4rem;
}
#contenedor{
display: none;
}
.grid {
padding: 0 40px;
}
.grid h3 {
margin: 0;
margin-bottom: 1.7rem;  
text-transform: uppercase;
text-align: left;
}
.grid img {
margin-bottom: 1.5rem;
}
.masterya {
margin: 0rem;
display: inline-block;
padding: 1rem;
width: 43%;
} #credits {
padding: 40px 40px 60px;
}
#credits h2 {
font-size: 2.4rem;
text-align: center;
}
.form input {
font-size: 1.2rem;
}
.formulario {
width: 50%;
}
.form .wpcf7-submit {
font-size: 16px;
margin-left: 0;
width: 100%
}
.frase-final {  
font-size: 1.6rem;
margin-left: 3rem;
width: 22%;
} .cierre p {
text-align: center;
} .telefonos {
font-size: 1.6rem;
margin: 0;
margin-left: 60px;
padding: 0;
}
#credits p,
#credits span {
font-size: 1.2rem;
}
} @media screen and (max-width: 800px) {
#sobre .texto br{display: none;}
#lightboxVideo .lightboxVideoContent {width: calc(100% - 20px); text-align: center;}
#lightboxVideo iframe{width: 100% !important;}
#sobre .titulo{ width: 100%; }
#sobre .titulo h2{ text-align: center; }
#sobre .texto{     padding: 0 40px; margin: 0 auto;}
#quiero { width: 90%; padding-bottom: 70px;}
} @media screen and (min-width: 750px) {
#headerText{position: absolute; z-index: 2; top: 50%; left: 80px; transform: translateY(-50%); text-transform: uppercase;}
#headerText h1 {font-size: 40px;}
#headerText h3 {font-size: 62px;}
#headerText h4 {font-size: 32px;}
#headerText a, .cta{font-size: 25px;}
} @media screen and (max-width: 720px) { .teach {
display: none;
}
#frase h2 {
font-size: 3rem;
margin-bottom: 2rem;
} #sobre {
padding: 60px 0px;
}
#sobre .texto {
font-size: 1.3rem;
width: auto;
} #credits h2 {
font-size: 2rem;
}
.formulario {
width: 90%; 
}
.frase-final {
background-color: transparent;
font-size: 18px;
margin-top: 2rem;
padding: 0;
position: initial;
text-align: center;
width: 86%;
}
.telefonos {
display: inline-block;
padding: 2rem 0 2rem 0;
} .cierre {
float: none;
margin: 0 auto;
padding: 0;
width: 60%;
}
} @media screen and (max-width: 700px) {
#headerText {margin: 0 auto; text-align: center; text-transform: uppercase; position: absolute; top: 20px; left: 40px; z-index: 2;}
#headerText h1 {font-size: 25px;}
#headerText h3 {font-size: 40px;}
#headerText h4 {font-size: 20px;}
#headerText a, .cta{font-size: 20px;}
#social {padding: 0;}
#social ul li a {padding: 3px; font-size: 16px;}
#invitacion .slogan {font-size: 16px;}
#invitacion .cta {width: 140px; font-size: 16px; padding: 7px; bottom: 35%;}
#texto-invitacion h3{margin: 0; font-size: 20px;}
#texto-invitacion span {font-size: 31px;}
.caption-wrap { 
bottom: 0;
width: 100%;
}
.queremos { font-size: 1.8em; line-height: 50px;}
.mejorar{ font-size: 1em; line-height: 1px;}
#suscripcion .slogan { padding: 80px 0;}
.slogan p {text-align: center;}
.o1-col1 {float: inherit;}
.o1-col2 { margin-left: 0px; width: 60%; margin: 0 auto; float: inherit;}
#suscripcion .slogan img {width: 40%;}
} @media screen and (max-width: 640px) { .table img {
max-width: 36%;
} .caption span {
font-size: 1.6rem;
} #frase h2 {
font-size: 3rem;
margin-bottom: 2rem;
}
.grid h3 {
margin-bottom: 1.5rem;  
} #credits {
padding: 40px 40px 60px;
}
#credits h2 {
font-size: 2.2rem;
}
.frase-final {  
margin-left: 0;
width: 100%;
}
.telefonos {
margin-left: 0;
}
} @media screen and (max-width: 600px) { #logo {
text-align: center !important;
}
.table img {
float: none;
max-width: 38%;
} .caption-wrap {
background-color: transparent !important;
bottom: 0 !important;
width: 100% !important;
}
.caption span {
font-size: 1.4rem !important;
}
.form{min-width: 0 !important;}
} @media screen and (max-width: 480px) { #logo {
text-align: center !important;
}
.table img {
float: none;
max-width: 50%;
} .caption-wrap {
background-color: transparent !important;
bottom: 0 !important;
width: 100% !important;
}
.caption span {
font-size: 1.4rem !important;
} #frase {
padding: 60px 0 40px 0;
}
#frase h2 {
font-size: 2rem;
margin-bottom: 0;
} 
.grid h3 {
font-size: 1.4rem;
}
.grid a {
text-align: center;
}
#sobre .texto p {
font-size: 1.6rem;
padding-bottom: 40px;
text-align: left;
width: 87%;
} #credits h2 {
letter-spacing: .2rem;
}
#credits {
padding: 40px;
position: static;
}
.formulario {
width: 100%;
}
.form .wpcf7-submit {
margin-bottom: 4rem;
}
.cierre {
float: none;
margin: 0;
padding: 0;
width: 80%;
}
.telefonos {
top: 110px;
float: none;
}
}