@charset "utf-8";

.botones {
display: table;
width: 100%;
}

.boton {
display: table-cell;
vertical-align: bottom;
}

.boton_right {
display: table-cell;
text-align: right;
vertical-align: bottom;
}

ul {
padding-left: 14px;
}

ul li {
padding: 20px 0px 0px 0px;
}

ul ul li {
padding: 0px 0px 0px 0px;
}

ul ul li:first-child {
padding: 20px 0px 0px 0px;
}

.top {
position: fixed;
bottom: 20px;
right: 20px;
}

.top img {
width: 40px;
height: 40px;
}

.app {
position: fixed;
bottom: 20px;
right: 60px;
}

.app img {
width: 40px;
height: 40px;
}

.hidden {
display: none;
}

#cookie {
display: none;
position: fixed;
width: 100%;
background-color: #000000;
bottom: 0px;
left: 0px;
text-align: center;
z-index: 99999;
}

.content_cookie {
display: block;
width: 100%;
max-width: 1200px;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
margin: auto;
font-family: "Roboto", sans-serif;
font-size: 12px;
line-height: 18px;
color: #ffffff;
}

#cookie a, #cookie a:visited {
color: #ffffff;
text-decoration: underline;
}

#cookie a:hover {
color: #ffffff;
text-decoration: underline;
}

.foto2 {
max-width: 307px;
float: right;
margin-top: 290px;
z-index: 999999999;
position: relative;
margin-left: 40px;
margin-bottom: 40px;
border: solid 6px #fff;
}

.foto1 {
max-width: 470px;
float: right;
margin-right: -307px;
margin-left: 40px;
margin-top: 20px;
border: solid 6px #fff;
}

ol {
margin: 0px;
padding: 0 0 0 20px;
}

ol li {
margin: 0;
padding: 20px 0px 0px 0px;
}

.mobile {
display: none;
}

.left {
text-align: left;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.averia-sans-libre-light {
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-style: normal;
}

.averia-sans-libre-regular {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-style: normal;
}

.averia-sans-libre-bold {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-style: normal;
}

.averia-sans-libre-light-italic {
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-style: italic;
}

.averia-sans-libre-regular-italic {
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-style: italic;
}

.averia-sans-libre-bold-italic {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-style: italic;
}


.roboto-thin {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-style: normal;
}

.roboto-light {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
}

.roboto-regular {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
}

.roboto-medium {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
}

.roboto-bold {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-style: normal;
}

.roboto-black {
font-family: "Roboto", sans-serif;
font-weight: 900;
font-style: normal;
}

.roboto-thin-italic {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-style: italic;
}

.roboto-light-italic {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: italic;
}

.roboto-regular-italic {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: italic;
}

.roboto-medium-italic {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
}

.roboto-bold-italic {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-style: italic;
}

.roboto-black-italic {
font-family: "Roboto", sans-serif;
font-weight: 900;
font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
}

h3 {
text-transform: uppercase;
}

p {
margin: 20px 0;
}

p:fisrt-child {
margin-top: 0;
}

p:last-child {
margin-bottom: 0;
}

b, strong {
font-weight: 500;
}


img {
max-width: 100%;
height: auto;
display: block;
}

@media \0screen {
img {
width: auto;
}
}

body {
margin: 0px;
padding: 0;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
color: #333;
}

.wrapper_page {
display: block;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;	
}

.page {
display: block;
width: 100%;
max-width: 1200px;
margin: auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
background-color: #fff;
-webkit-box-shadow: 0 0 100px 20px rgba(15,54,36,0.1);
box-shadow: 0 0 100px 20px rgba(15,54,36,0.1);
border: solid 1px #D9D9D9;
}

.wrapper_header {
display: block;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
background-color: #211e3e;	
}

.header {
display: block;
width: 100%;
padding: 20px;
margin: auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
font-size: 0;
position: relative;
}

.logo {
display: inline-block;
vertical-align: top;
}

.imago {
display: table-cell;
vertical-align: top;
padding-right: 10px;
}

.imago img {
display: block;
max-width: 60px;
}

.tipo {
display: table-cell;
vertical-align: top;
color: #fff;
}

.title {
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.title h1 {
font-size: 60px;
line-height: 60px;
text-align: left;
font-weight: 300;
font-style: normal;
margin: 0;
font-family: "Bebas Neue", sans-serif;
}

.subtitle {
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.subtitle h2 {
font-size: 39px;
line-height: 39px;
text-align: left;
font-weight: 300;
font-style: normal;
margin: 0;
font-family: "Bebas Neue", sans-serif;
}

.intro {
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.intro h3 {
font-size: 25px;
line-height: 25px;
text-align: left;
font-weight: 300;
font-style: normal;
margin: 0;
font-family: "Bebas Neue", sans-serif;
}

.foto_mario {
display: inline-block;
max-width: 154px;
margin-bottom: -20px;
margin-left: 40px;
vertical-align: middle;
}

.call_phone {
display: inline-block;
position: absolute;
right: 20px;
}

.phone {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
color: #fff;
padding: 5px 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
border: solid 1px #fff;
}

.phone a {
color: #fff;
text-decoration: none;
}

.call_to_action_phone {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
color: #fff;
text-align: center;
padding: 10px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.wrapper_content {
display: block;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 24px;
}

.content {
display: block;
width: 100%;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.cols {
display: table;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.col-50 {
display: table-cell;
width: 50%;
padding: 40px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
}

.cols.video-testimonios {
display: block;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
font-size: 0;
}

.cols.video-testimonios .col-100 {
display: block;
width: 100%;
padding: 40px 20px 0 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
}

.cols.video-testimonios .col-50 {
display: inline-block;
width: 50%;
padding: 40px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
}

.col-50.videoWrapper {
padding: 0;
}

.col-100 {
display: block;
width: 100%;
padding: 40px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
}

.blue {
background-color: #1c68a8;
color: #fff;
font-family: "Bebas Neue", sans-serif;
font-weight: 300;
vertical-align: middle;
}

.blue p {
font-size: 60px;
line-height: 100%;
margin: 0;
}

.blue p span {
font-size: 40px;
line-height: 100%;
}

.sangre {
display: table-cell;
width: 50%;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
background: url(../images/foto_entrada.png);
background-size: cover;
background-position: bottom right;
}

.sangre_map {
display: table-cell;
width: 50%;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
background: url(../images/map.jpg);
background-size: cover;
background-position: top right;
}

.sangre_libro {
display: table-cell;
width: 50%;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
background: url(../images/foto_libro.png);
background-size: cover;
background-position: top right;
}

.sangre_jardin {
display: table-cell;
width: 50%;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
background: url("../images/jardines.webp");
background-size: cover;
background-position: top right;
}


.content h3 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 30px;
line-height: 34px;
color: #3f3488;
}

.azul-5 {
background-color: RGBA(24, 79, 150, 0.05);
}

.azul-10 {
background-color: RGBA(24, 79, 150, 0.1);
}

.azul-15 {
background-color: RGBA(24, 79, 150, 0.15);
}

.azul-20 {
background-color: RGBA(24, 79, 150, 0.2);
}

.azul-30 {
background-color: RGBA(24, 79, 150, 0.3);
}

.azul-40 {
background-color: RGBA(24, 79, 150, 0.4);
}

.azul-50 {
background-color: RGBA(24, 79, 150, 0.5);
}

.azul-60 {
background-color: RGBA(24, 79, 150, 0.6);
}

.azul-70 {
background-color: RGBA(24, 79, 150, 0.7);
}

.azul-80 {
background-color: RGBA(24, 79, 150, 0.8);
}

.azul-90 {
background-color: RGBA(24, 79, 150, 0.9);
}

.azul-100 {
background-color: RGBA(24, 79, 150, 1);
}

.sobre_mindfulness {
display: block;	
}

.formulario {
display: block;
width: 100%;
padding: 20px 0 0 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.cols .cols {
display: block;
width: calc(100% + 20px);
margin-left: -10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
font-size: 0;
}


.cols .cols .col-50 {
display: inline-block;
width: 50%;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: middle;
font-size: 16px;
line-height: 20px;
}

.campo {
display: block;
width: 100%;
background-color: #fff;
border: none;
padding: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
}

.bt {
display: inline-block;
padding: 5px 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #fff;
background-color: #2aa053;
border: none;
cursor: pointer;
border: solid 1px #2aa053;
}

.bt:hover {
background-color: #FFF;
color: #2aa053;
}

.beneficios {
display: block;
background-color: #1c68a8;
padding: 40px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.beneficios {
display: flex;
justify-content: space-between;
}

.col-16 {
display: inline-block;
height: 175px;
width: 175px;
background-color: #fff;
border-radius: 50%;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
text-align: center;
vertical-align: middle;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-style: normal;
}

.beneficios .col-16 p {
display: table-cell;
height: 155px;
width: 155px;
text-align: center;
vertical-align: middle;
margin: 0;
font-size: 16px;
color: #3f3488;
}

.beneficios .col-16 span {
font-size: 40px;
line-height: 40px;
}

.dirigido_a {
display: block;
}

.testimonios {
display: block;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
position: relative;
}

.banner {
display: block;
width: 100%;
}

.call_to_action {
display: block;
position: relative;
}

.title h3 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 30px;
line-height: 30px;
color: #fff;-transform: uppercase;
margin-bottom: 20px;
}

.call {
position: absolute;
top: calc(50% - 55px);
left: 40px;
}

.call_to_action a {
color: #fff;
text-decoration: none;
}

.modulos {
display: block;
width: 100%;
}

.modulos h3 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 30px;
line-height: 30px;
color: #0F3624;	
}

.modulos p {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;	
}

.reserva .sangre {
display: table-cell;
width: 50%;
padding: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
background: url(../images/mindfulness.jpg);
background-size: cover;
background-position: bottom right;
}

.wrapper_footer {
display: block;
width: 100%;
background-color: #211e3e;
}

.footer {
display: block;
width: 100%;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
position: relative;
}

.logo_footer {
display: inline-block;
vertical-align: top;
}

.imago_footer {
display: table-cell;
vertical-align: top;
padding-right: 10px;
}

.imago_footer img {
display: block;
max-width: 60px;
}

.tipo_footer {
display: table-cell;
vertical-align: top;
color: #fff;
}

.title_footer {
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.title_footer h1 {
font-size: 60px;
line-height: 60px;
text-align: left;
font-weight: 300;
font-style: normal;
margin: 0;
font-family: "Bebas Neue", sans-serif;
}

.subtitle_footer h2 {
font-size: 39px;
line-height: 39px;
text-align: left;
font-weight: 300;
font-style: normal;
margin: 0;
font-family: "Bebas Neue", sans-serif;
}

.call_phone_footer {
display: inline-block;
position: absolute;
right: 20px;
}

.phone_footer {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
color: #fff;
padding: 5px 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
border: solid 1px #fff;
}

.phone_footer a {
color: #fff;
text-decoration: none;
}

.call_to_action_phone_footer {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
color: #fff;
text-align: center;
padding: 0 0 10px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.wrapper_advice {
display: block;
width: 100%;
background-color: #211e3e;
}

.advice {
display: block;
width: 100%;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
text-align: center;
color: #fff;
font-size: 14px;
line-height: 14px;
}

.advice a {
color: #fff;
text-decoration: none;
}

.advice a:hover {
color: #fff;
text-decoration: underline;
}

.testimonials-wrapper {
width: 100%;
height: 90%;
background-color: #fff;
background-size: cover;
position: relative;
}

.testimonials {
width: 100%;
height: 250px;
overflow: hidden;
}

.slider {
height: 100%;
width: 500%;
display: flex;
transition: all 0.8s cubic-bezier(1, 0, 0, 1);
}

.slide {
width: 20%;
position: relative;
}

.slide-content {
width: calc(100% - 120px);
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 2rem;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 5rem;
}

.slide i {
font-size: 40px;
color: #0F3624;
position: absolute;
}

.slide i:nth-child(1) {
top: -30%;
left: 10%;
}

.slide i:nth-child(2) {
bottom: -30%;
right: 10%;
}

.slide-img {
width: 100px;
height: 100px;
position: relative;
}

.slide-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}

.slide-text {
width: calc(100% - 120px);
}

.controls i {
width: 30px;
height: 30px;
background-color: #0F3624;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}

.controls i:nth-child(1) {
left: 20px;
}

.controls i:nth-child(2) {
right: 20px;
}

.dots {
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
}

.dots span {
width: 8px;
height: 8px;
background-color: #0F3624;
border-radius: 50%;
margin: 0 0.5rem;
cursor: pointer;
}

.dots span.active {
width: 16px;
height: 16px;
background-color: #0F3624;
}

@media screen and (max-width: 1200px) {
	
.beneficios {
display: block;
padding: 40px 0px 20px 20px;
text-align: center;
}

.col-16 {
margin-right: 20px;
margin-bottom: 20px;
}

}

@media screen and (max-width: 860px) {

.bloque {
display: flex;
flex-direction: column;
}
	
.foto2 {
width: calc(100% - 12px);
max-width: 100%;
float: none;
margin-top: 20px;
z-index: 999999999;
position: relative;
margin-left: 0px;
margin-bottom: 0px;
order: 3;
}

.foto1 {
width: calc(100% - 12px);
max-width: 100%;
float: none;
margin-right: 0px;
margin-left: 0px;
order: 2;
}

.bloque ol {
order: 1;
}
	
.mobile {
display: block;
}
	
.cols {
display: block;
}

.col-50 {
display: block;
width: 100%;
}

.cols .cols .col-50 {
display: block;
width: 100%;
}

.cols.video-testimonios {
display: block;
width: 100%;
}

.cols.video-testimonios .col-100 {
display: block;
width: 100%;
}

.cols.video-testimonios .col-50 {
display: block;
width: 100%;
}

.cols.video-testimonios .col-50:last-child {
padding-top: 0 !important;
}
    
.right {
text-align: left !important;
}

.header {
height: 250px;
}

.logo {
display: inline-block;
text-align: -webkit-center;
position: absolute;
right: 20px;
}

.foto_mario {
max-width: 182px;
margin-bottom: 0px;
bottom: 0px;
position: absolute;
margin-left: 0px;
}

.call_phone {
display: inline-block;
position: absolute;
right: 20px;
bottom: 20px;
}

.call_to_action_phone {
font-size: 14px;
}

.call_phone {
bottom: 20px;
}

.call {
left: 20px;
}

.testimonials {
height: 450px;
margin-top: -30px;
}

.slide-content {
width: 75%;
display: block;
}

.slide-img {
margin-bottom: 20px;
}

.slide-text {
width: 100%;
}

.slide i:nth-child(1) {
top: -10%;
}

.slide i:nth-child(2) {
bottom: -20%;
}

.title h3 {
font-size: 24px;
line-height: 24px;
}

.tipo_footer {
vertical-align: middle;
}

.title_footer h1 {
font-size: 40px;
line-height: 40px;
}

.subtitle_footer h2 {
font-size: 30px;
line-height: 30px;
}

.call_to_action_phone_footer {
font-size: 14px;
}

.advice {
font-size: 12px;
}
    
.flex {
display: flex;
flex-direction: column;
}

.foto_order {
 order: 2; 
}

.copy_order {
 order: 1; 
}
    
}

@media screen and (max-width: 680px) {
	
.title h1 {
font-size: 40px;
line-height: 40px;
}

.subtitle h2 {
font-size: 30px;
line-height: 30px;
}

.intro h3 {
font-size: 20px;
line-height: 20px;
}

}

@media screen and (max-width: 560px) {

.title h3 {
font-size: 24px;
line-height: 24px;
}

.footer {
text-align: center;
}

.logo_footer {
display: block;
text-align: -webkit-center;
}	

.call_phone_footer {
position: relative;
right: 0;
margin-top: 20px;
}
    
.botones {
display: block;
}

.boton {
display: block;
}

.boton_right {
display: block;
margin-top: 10px;
text-align: left;
}
	
}

@media screen and (max-width: 510px) {
	
.header {
text-align: right;
height: 220px;
}

.logo {
position: relative;
right: 0px;
}

.foto_mario {
left: 0;
}

}

@media screen and (max-width: 497px) {

.header {
text-align: center;
height: auto;
}

.subtitle h2, .subtitle_footer h2 {
text-align: left;
}

.foto_mario {
position: relative;
left: auto;
display: block;
bottom: 0px;
margin: auto;
margin-top: 20px;
}

.foto_mario img {
border-bottom: solid 1px #fff;
}

.call_phone {
position: relative;
bottom: 0;
right: 0;
}
	
}