*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html{font-size: 62.5%;
    font-family: 'Montserrat', sans-serif;}
/*font-family: 'Montserrat', sans-serif;
font-family: 'Ms Madi', cursive;
font-family: 'Petit Formal Script', cursive;*/

body {font-size:1.6rem;
      background-color:#fff;}

head {border:0,3rem solid black;
        display:flex;
        align-items:center;
        justify-content:space-around;
        width:100%;
       /* min-height: 70px;*/
        border-radius: 0% 100% 29% 71% / 56% 0% 100% 44%;}

.redes {display: flex;
            width: 100%;
            height: 40px;
            float: right;
            margin-top: 0;
            flex-direction: row;
            justify-content: flex-end;
            align-items: center;
            padding: 4rem 3rem 0 0;}

footer .redes {display: flex;
                width: 100%;
                height: 40px;
                float: right;
                margin-top: 0;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                padding: 4rem 3rem 0 0;}

header li{
display:inline-flex;
list-style: none;
text-transform: uppercase;
color: #886285;
font-weight: 600;
padding: 0.4rem;
font-size: 1.4rem;
}

.refuerzo {color: #53ab9e !important;}


h1 {background-image: url(../img/cecilia-puppo.png); 
    background-repeat: no-repeat;
    width:340px;
    height: 70px;
    text-indent: -9999px;
    margin: 2rem 2rem 2rem 5rem;
}

a {text-decoration: none;}

.container {display: flex; flex-wrap: wrap;}

.nav {display:inline-flex; align-items: center;}

ul, li {list-style: none;}

ul.menu {padding-left: 2rem;}

.mobile-menu-bar {
    display: none;
    width: 100%;
    padding: 2rem;
    background: transparent;
    text-align: center;
    box-sizing: border-box;
    color:#886285;
    font-size: 3.4rem;
}

/*efecto parallax en portada*/
#portada {position:relative; 
    width: 100%;
    height: 78vh;
   /* background-image: url(../img/salud-integrativa-cp.jpg);*/
    background-repeat:no-repeat;
    background-size:cover;
    z-index: -80;
    background-color:#F3E8CB;
   /* perspective:8px;
    perspective-origin:50%;
    overflow-x: hidden;
    overflow-y:scroll;*/   
}
#portada h2{font-size:8px; text-indent: -9999px;}


.picture img {
    width:100%;
    height: auto;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    transform: translateZ(0px) scale(1);
    transform-origin: 0 50%;
}
.frase {
    position:absolute;
    top:10rem;
    left: 3rem;
    margin-left: 10px;
    font-family:'Petit Formal Script', cursive;
    font-size: 3.3rem;
    color:#563356;
    opacity: 0.9;
    text-align:left;
    transform: translateX(2px) scale(0.75);
    transform-origin: top;
}
.logo-h2 {
    position:absolute;
    top:7rem;
    left:37%;
    width:360px;
    height:126px;
    background-image: url(../img/cecilia-puppo-portada.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    transform: translateZ(0px) scale(1);
    transform-origin: 50%;
    }
    .logo-h2-osc {
        position:absolute;
        top:7rem;
        left:37%;
        width:360px;
        height:126px;
        background-image: url(../img/cecilia-puppo-portada-osc.png);
        background-repeat: no-repeat;
        text-indent: -9999px;
        transform: translateZ(0px) scale(1);
        transform-origin: 50%;
        }
.bajada {
    position:absolute;
    width:78%;
    bottom:0rem; 
    left:12%; 
    font-family: 'Montserrat', sans-serif; 
    font-weight:600; 
    font-size:1.5rem; 
    color:#fff; 
    letter-spacing: 0.2rem;
    text-align:center;
    background-color:rgba(136, 98, 133, 0.6);
    padding:3rem 4rem; 
}

.bajada-mobile {
    z-index: 20;
    display:none;
    width:100%;
    font-family: 'Montserrat', sans-serif; 
    font-weight:600; 
    font-size:2rem; 
    color:#fff; 
    letter-spacing: 0.2rem;
    text-align:center;
    background-color:#b199b0;
    padding:3rem 4rem; 
    margin: 0px;
}

#quien-soy {width: 100%; background-color: #F3E8CB;}
.sec-1, .sec-2 {display: flex; padding:4%;}
#quien-soy section {display: flex; justify-content:space-evenly; width:50%;}
.modulo-a {display: flex; flex-direction:column; padding-left: 5%; text-align:center;}
.modulo-a img{width: 63%; height:auto; margin: 0 auto; border-radius: 53% 47% 50% 50% / 45% 45% 55% 55% ;}
.modulo-a p{text-transform:uppercase; font-weight:600; color: #886285;font-size: 1.2rem; letter-spacing: 2px; padding-top: 8px;}
.modulo-b {padding-right: 4%;}
.modulo-b strong{ font-size:1.5rem; font-style: italic;}
.sec-2 .modulo-b {padding: 0 5%;}
.modulo-c {display: flex; flex-direction:column; padding-left: 5%; width: 100%;}
.modulo-c img {height:auto; width: 100%;}
.modulo-c p {font-family: 'Petit Formal Script', cursive; text-align: center; font-size:2rem; padding-bottom: 2rem;}

.modulo-b {text-align: left; text-justify: inter-word;}

h3{font-family: 'Montserrat', sans-serif; font-weight:bold; color:#886285; font-size: 1.5rem; text-transform:uppercase;letter-spacing: 0.2rem; padding: 30px; display:block;}

#metodologia {width: 100%; background-color: #d2e8f8; /*background-image: linear-gradient(to right, #b3daa7, #53ab9e);*/}

/*diseño backface visibility*/
.sec-3 {width:70%; text-align:center; margin: 0 auto;}
.todoslosmetodos{ display:inline-flex; flex-wrap: nowrap; justify-content: space-evenly; text-align: center; width: 100%;}
.metodo-1{position:relative; min-width:228px; height:230px; 
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;}
.metodo-1::marker{color: transparent;}
.metodo-1:active, .metodo-1:hover {
    -webkit-transform: rotateY(180deg);transform-origin: 50% 50%;  
    -moz-transform: rotateY(180deg);transform-origin: 50% 50%;  
    -o-transform: rotateY(180deg);transform-origin: 50% 50%;  
    transform: rotateY(180deg);transform-origin: 50% 50%;  
    -webkit-transition: all 1s 0s ease;
    -moz-transition: all 1s 0s ease;
    -o-transition: all 1s 0s ease;
    transition: all 1s 0s ease;} 

.metodo-1 img{width:100%; height:auto;}          

.cara {position:absolute; width:228px; height:230px; backface-visibility: hidden; font-size: 1.3rem;}
.cara.back {position:absolute; transform: rotateY(180deg); transform-origin: 50% 50%; }


.destacado {text-align: center; font-size:1.6rem; padding-bottom: 2rem; color:#563356; line-height:2.4rem;}
.bold {font-weight:bold; color:#4e586f; letter-spacing: 1px;}

#ciclo-de-vida {text-align:center; padding:3rem; margin: 0 auto;}
#ciclo-de-vida h3{text-align:left;}
#ciclo-de-vida img {width: 70%;}
.path {width: 100%;}
svg {width: 100%;}
.trazo {width: 100%; margin-top:-5px;}
.trazo-up {width: 100%; margin-top: -29px; margin-bottom: -14px;}
.trazo-break-up {width: 100%; margin-bottom:-15px;}
.trazo-break{width: 100%; margin-top:-15px;}
.trazo-up-foot {width: 100%; margin-top:-15px;}
.trazo-header {width: 100%; margin-top: -23px; z-index: 5; position: absolute;}
.trazo-bottom {width: 100%; margin-bottom: -31px; z-index: 12;}

   
#psicologia-clinica{width: 100%;
        background-color: #fff;
        background-image: url(../img/psicologia-img.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-bottom: 16rem;}

.conjunto {z-index: 10; margin-bottom: -53px;}
.break {background-color:#F3E8CB; width: 100%; height:21rem} 
.break p{ width: 60%;
       font-family:'Petit Formal Script', cursive;
       font-size: 2.2rem;
       color:#4e586f;
       text-align:center;
       margin:0 auto;
       padding-top: 4rem;} 

#sesiones {width: 100%; background-color: #d2e8f8; padding-top: 4rem;}
.apartado {display:flex; justify-content: center; align-items: center;}
.pregunta {font-family: 'Ms Madi', cursive; padding-bottom:1rem; color:#4e586f; font-size:4rem; font-weight:500; }
.lista {text-transform: uppercase; font-weight:bold; color:#886285; text-align:left; padding-left:2rem;}


#talleres {width: 100%;
    background-image: linear-gradient(to right, #d2e8f8, #cfb1c8);}
.modulo-k {display:inline-flex;
    width: 100%;
    padding: 5%;}
.modulo-n {display:inline-flex;
           flex-direction: column;
           color:#4e586f;
           width: 100%;
           padding: 0 5% 1% 2%;}
h5 { display: flex; justify-items: flex-start; align-items: center; font-family: 'Ms Madi', cursive; padding-bottom:1rem; color:#4e586f; font-size:4rem; font-weight:500;}          
.modulo-n strong {font-size:1.6rem;}
.talleres {background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 38%, rgba(255,255,255,0.3) 65%, rgba(255,255,255,0) 100%);}
#novedades {width: 100%; margin: 2rem auto;}

/*Estilos Contacto*/
#contacto {display:flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    background-color: #fff;
    padding: 5rem;}

label,.resp {font-family: 'Ms Madi', cursive; font-size: 3rem; color:#4e586f; padding-top: 2rem;}
label strong{font-family: 'Montserrat', sans-serif; font-size: 1.2rem; color:#4e586f; padding-top: 2rem;}
input {display: inline-block; 
	   width:100%; 
       min-height: 36px;
	   border: 2px solid #b199b0;
      -moz-border: 1px solid #b199b0; 
	  -webkit-border: 1px solid #b199b0;
       border-left-color: transparent;
       border-right-color: transparent;
       border-top-color: transparent;
       background:none;}

/*input:active, input:link, input:visited, input:checked , input:default {border:1px solid transparent; -moz-border: 1px solid transparent; -webkit-border: 1px solid transparent;}*/

textarea {font-family: 'Montserrat', sans-serif;
          width: 100%; 
	      min-height:130px; 
	      background: none;
	      border: 2px solid #b199b0;
          border-top-color: transparent;
	      -moz-border: 1px solid #b199b0; 
	      -webkit-border: 1px solid #b199b0;
          }

.contacto-cliente {display:flex; width:50%;}
#contact {width:100%;}
.espero {font-family: 'Ms Madi', cursive;
    color: #4e586f;
    font-size: 4rem;
    font-weight: 500;
    padding-top:15rem;}

/*estilos slide texto css*/
.pacientes {display:flex; flex-direction: column; width: 35%; margin-left: 10rem;}
.rotador {display:flex; flex-direction:column; font-family: 'Petit Formal Script', cursive; color:#563356; font-size: 1.8rem; width: 90%; padding: 8rem 1rem 1rem 1rem; overflow:hidden;}
.testimonios{width:330px; min-height:330px; position: relative; animation: slide 30s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;}
.test {position:absolute; height:330px;top:200%; padding: 5px;}
.test:first-child {top:100%;}
.test:last-child {top:300%;}
@keyframes slide{
    0% {
        transform:translateY(0)
    }
    15%, 30% {
        transform:translateY(-100%)
    }
    45%, 60% {
        transform:translateY(-200%)
    }
    75%, 90% {
        transform:translateY(-300%)
    }
    100% {
        transform:translateY(-400%)
    }
}

@-moz-keyframes slide{
    0% {
        transform:translateY(0)
    }
    15%, 30% {
        transform:translateY(-100%)
    }
    45%, 60% {
        transform:translateY(-200%)
    }
    75%, 90% {
        transform:translateY(-300%)
    }
    100% {
        transform:translateY(-400%)
    }
}

@-o-keyframes slide{
    0% {
        transform:translateY(0)
    }
    15%, 30% {
        transform:translateY(-100%)
    }
    45%, 60% {
        transform:translateY(-200%)
    }
    75%, 90% {
        transform:translateY(-300%)
    }
    100% {
        transform:translateY(-400%)
    }
}

@-webkit-keyframes slide{
    0% {
        transform:translateY(0)
    }
    15%, 30% {
        transform:translateY(-100%)
    }
    45%, 60% {
        transform:translateY(-200%)
    }
    75%, 90% {
        transform:translateY(-300%)
    }
    100% {
        transform:translateY(-400%)
    }
}
/*estilos slide texto css*/

.firma {font-family: 'Montserrat', sans-serif; font-weight:bold; font-size: 1.2rem; padding-top: 1rem;}
.bsas {font-family: 'Ms Madi', cursive; font-size: 3rem; color:#4e586f;}
.bsas p{padding-top:2rem;}

.boton {background: #fff;
    border: 2px solid #563356;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #DE807C;
    cursor: pointer;
    width: 30%;
    margin-top: 10px;
    padding: 1rem;}

.boton:hover {background: #DE807C;
        border: 2px solid #b199b0;
        -moz-border: 2px solid #b199b0; 
	    -webkit-border: 2px solid #b199b0;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        width: 30%;
        margin-top: 10px;
        padding: 1rem;}


footer {display:flex;
    justify-content: center;
    width: 100%;
    min-width: 150px;
    height: 150px;
    background-image: url(../img/break-cielo-flor.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding:5rem;
    }
 .up {background: url(../img/up.png); width:40px; height:40px; text-indent:-9999px; position:fixed;bottom:15px; right:15px;z-index:15;}
 .wssp {background: url(../img/wssp-hola.png); width:99px; height:85px; text-indent:-9999px; position:fixed;bottom:38px; right:65px;z-index: 100;}
 .wssp-cto {font-size: 2rem; font-weight:bold; font-style: italic; color:#4e586f;}

.clear {clear: both;}

/* M E D I A   Q U E R I E S */
img { max-width:100%; height:auto}

@media screen and (max-width:2600px){
/*.img-slider {width:2600px; height: 946px;}
        .img-slider .slide .info {padding: 12rem;}
        .img-slider .slide .info p{font-size: 4rem;}
        .img-slider .navigation{top: 4rem; left: 43%;}
        .bajada {width: 86%; left: 7%;  font-size: 2.4rem; padding: 2rem 1rem;}*/
.logo-h2, .logo-h2-osc {top: 14rem; left: 43%;}
.frase {font-size: 5.3rem;}
.bajada {width: 80%; font-size: 2.5rem;}
}

@media screen and (max-width:2100px){
/*.img-slider {width:1950px; height: 721px;}*/
 }

@media screen and (max-width: 1840px){/*
.bajada {bottom: 7rem;}*/
/*.img-slider {width:1840px; height: 680px;}
    .img-slider .slide .info {padding: 7rem;}
    .img-slider .slide .info p{font-size: 3rem;}
    .img-slider .navigation{top: 3rem; left: 42%;}*/
    .bajada {font-size: 1.8rem; padding: 2rem 1rem;}
    .logo-h2, .logo-h2-osc {top: 13rem; left: 40%;}
    .frase {font-size: 3.8rem;}

    }


@media screen and (max-width: 1600px){
.bajada {bottom: 11rem;}
#portada {height: 61vh;} 
/*.img-slider { width:1600px;height: 592px;}*/
#psicologia-clinica {padding-bottom: 16rem;}
.bajada { bottom: 0;}
}

@media screen and (max-width:1440px){
#portada {height: 65vh;}  
.frase {font-size: 2.8rem;}
/*.frase {position:absolute; top:10rem; left: 2rem; font-size: 3.3rem;}*/
/*.img-slider { width:1398px;height: 517px;}*/
}

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

}

@media screen and (max-width:1330px){
#portada { background-size: cover;}
#novedades {width: 90%; margin: 2rem auto;}

.break p {font-size: 1.75rem;} 
.img-slider { width: 1330px;height: 492px;}
 }

@media screen and (max-width:1290px){
.pacientes { display: flex;
    flex-direction: column;
    width: 46%;
    margin-left: 6rem;}
 }

 @media screen and (max-width:1256px){
 header li {font-size: 1.2rem;}
        }

@media screen and (max-width:1160px){
ul.menu {padding-left: 0rem;}
.bajada {bottom: 0rem;}

/*.img-slider { width: 1135px;height: 420px; margin-bottom: 0;} 
.img-slider .slide .info p {font-size: 2rem;}*/
.trazo-break-up {margin-bottom: -25px;}
.logo-h2, .logo-h2-osc {display:none;}
.modulo-a img {width: 80%;} 
}

@media screen and (max-width:1024px){
.frase {font-size: 2.3rem;} 
#portada {height: 62vh;} 
.bajada {bottom: 0rem;}
/*.img-slider {width: 1024px; height: 363px;}
.img-slider .navigation { left: 34%;}
.bajada { width: 80%; bottom: 0rem; left: 10%; font-size: 1.3rem; padding: 2rem 3rem;}*/
h1 {background-image: url(../img/cecilia-puppo-me.png); background-repeat: no-repeat; width:354px; height: 70px; text-indent: -9999px; margin: 1rem 0 3rem 0;}
header {display: flex; flex-direction: column;}
header li{font-size: 1.8rem;}
.nav {display: flex; align-items: center; flex-direction: column;}
.nav ul{text-align: center; width:80%; padding-top:0;}
.pacientes {width: 80%;}
.rotador {width: 95%;}
.modulo-b {width: 122%;}
.trazo-header {margin-top: -14px;}
.trazo {margin-top: -15px;}
.trazo-up {margin-bottom: -18px;}
#ciclo-de-vida {padding: 5rem;}
.todoslosmetodos{ flex-wrap: wrap;}
.logo-h2, .logo-h2-osc {display:none;}
#contacto {display: flex; flex-direction: column; width: 80%; margin: 0 auto;}
footer {padding: 8rem 4rem;}
.sec-3 {width:90%}
#psicologia-clinica {padding-bottom: 15rem;}
}

@media screen and (max-width:1000px){
#portada {height: 54vh;}
.metodo-1 {position: relative; min-width: 228px; height: 41rem;}
.metodo-1:last-child {height:256px;}
/*.img-slider { width: 1000px;height: 311px;}*/
}

@media screen and (max-width:870px){
.frase {font-size: 2rem; margin-left: 2px;}  
.bajada {bottom: 4rem;}
/*.img-slider .slide .info p {font-size: 1.8rem;}
.img-slider  .navigation{ z-index:2; position: absolute; display:flex; top: 37px; left: -14px; transform: translateX(50%); flex-direction: column; }
.img-slider .navigation .btn {background: rgba(136, 98, 133, 0.6); width: 1.8rem; height: 1.8rem; margin: 1.2rem; border-radius: 50%; cursor: pointer;}
.img-slider .slide .info {padding: 3rem 7rem; width: 60%;}*/
.trazo-header {margin-top: -18px;}
.mobile-menu-bar {display: block;}
.mobile-menu-bar i{cursor: pointer;}
.menu {width: 100%; display:none;}
.menu a {display: block; padding: 1rem; border-bottom: 1px solid #e2cfe2;}
.menu a:hover {display: block; padding: 1rem; background-color: #e2cfe2; transition-duration: 0.5s;}
.active {display: block}
.redes {justify-content: center; padding: 4rem 2rem;}
}


@media screen and (max-width:820px){
/*.img-slider {width:820px; height: 303px;}
.img-slider .slide .info {padding: 1rem 2.5rem;}
.img-slider .slide .info p{font-size: 1.8rem;}
.img-slider .navigation{top: 1rem; left: 31%;}
.img-slider .navigation .btn{ width: 1rem; height: 1rem; margin: 0.8rem;}*/
.bajada { width: 86%; left: 7%;  font-size: 1.3rem; padding: 2rem 1rem; bottom:6rem;}
.trazo-up-foot {margin-top: -29px;}
}

@media screen and (max-width:768px){
/*.bajada {bottom: 29rem;}*/
#portada {height: 51vh;}
/*.img-slider {width:768px; height: 268px;}*/
/*.bajada {display:none;}
.bajada-mobile {display:block;}*/
.bajada { width: 94%; left: 3%; font-size: 1.8rem;  padding: 2rem 1rem; bottom: 6rem;}
.frase {top: 6rem;} 
.trazo-header {margin-bottom: -28px;} 
.modulo-k {display: inline-flex; flex-direction: column;}      
.modulo-n {padding: 0 5% 13% 2%;}
.modulo-n h5{padding-bottom: 4rem;}
.apartado {padding: 6rem 0;}
.pacientes {width: 95%; margin-left: 1rem;}
.modulo-a {padding-left:0;}
.modulo-b {width: 95%; text-align:center;}
.modulo-b p{padding-bottom: 6rem;}
.metodo-1 {height: 40rem;} 
.modulo-c {padding-left:0;}
#ciclo-de-vida img {width: 100%;}
.modulo-3a {padding: 3rem;}
#quien-soy section {display: flex; width: 85%; margin: 0 auto; padding-bottom: 6rem;}
.sec-1 {display: flex; flex-direction: column;}
.sec-2 {display: flex; flex-direction: column;}
.sec-3 {width: 85%;}
.modulo-c img {height: auto; width: 78%; margin: 0 auto; padding-bottom: 4rem;}
#metodologia {margin-top: -4px;}
#contacto {width: 95%;}
.trazo-header {margin-top: -16px;}
}

@media screen and (max-width:736px){
#portada {height: 83vh;}
}

@media screen and (max-width:684px){
    #portada {height: 72vh;}
    }

@media screen and (max-width:675px){
/*.img-slider { width:675px;height: 250px;}*/
.picture img {display:none}
#portada {background-image: url(../img/salud-integrativa-mobile.jpg);
    background-repeat:no-repeat;
    background-size: cover;
    height: 125vh;}
.frase { width: 100%; font-size: 3.4rem; top: 3rem; text-align: center; left: 0%;}
.bajada {bottom: 0rem;}
.break img {width: 100%; height:25rem}
.break p {width:80%;} 
}

@media screen and (max-width:620px){
/*.img-slider-mobile {display:block;}
.img-slider {display:none;}
.img-slider {width:620px; height: 214px;}
.img-slider .slide .info {padding: 1rem 2.5rem;}
.img-slider .slide .info p{font-size: 1.3rem;}*/
/*.img-slider .navigation{top: 1rem; left: 28%;}
.img-slider .navigation .btn{ width: 1rem; height: 1rem; margin: 0.8rem;}*/
.trazo-up {margin-bottom: -21px;}
.trazo-header {margin-top: -16px;}
.apartado {display: flex; align-items: left; flex-direction: column; padding: 1rem;}
}

@media screen and (max-width:550px){
#portada {height: 115vh;}
.frase {font-size: 3rem;}
.bajada {bottom: 13rem;}
}

@media screen and (max-width:500px){
/*.img-slider-mobile {width: 500px; height: 763px;}*/
#portada {height: 97vh; } 
.bajada {bottom: 0rem;}
.metodo-1 {height: 42rem;} 
#contacto {width: 100%;}
.trazo-up-foot {margin-top: -26px;} 
.trazo-break {margin-top: -22px;}
.trazo {margin-top: -18px;}
.break {height: 26rem;} 
.wssp {bottom: 53px; right: 38px;}
.testimonios {width: 290px; height: 420px;}
.test {padding: 1rem;} 
}

@media screen and (max-width:450px){
#portada {height: 105vh;}
}

@media screen and (max-width:425px){
/*.img-slider-mobile {width: 500px; height: 683px;}*/
#portada {position:relative; 
    width: 100%;
    height: 78vh;
    background-image: url(../img/salud-integrativa-mobile-2.jpg);
    background-repeat:no-repeat;
    background-size: cover;
    z-index: -80;
    background-color:#F3E8CB;   
}
.frase {font-size: 2.8rem;}
 h1 {background-image: url(../img/cecilia-puppo-mobile.png); background-repeat: no-repeat; width:250px; height: 70px; text-indent: -9999px; margin: 2rem 1rem;}
.break img {width: 100%;}
#quien-soy section {padding-bottom: 3rem;}
.modulo-3a {padding: 3rem 1rem;}
.trazo-header {margin-top: -20px;}
.trazo-up {margin-bottom: -23px;}
.trazo {margin-top: -21px;}
.pregunta {padding-bottom: 4rem;}
#ciclo-de-vida {padding: 1rem;}
.rotador {width: 100%;font-size: 1.7rem;}
.input {min-height: 7.5rem;}
textarea {min-height: 22rem;}

}

@media screen and (max-width:375px){
/*.img-slider-mobile {width: 500px; height: 600px;}*/ 
.frase {font-size: 2.6rem; top:3rem;}
.break {height: 30rem;} 
.testimonios {width: 225px; height: 420px;}
}

@media screen and (max-width:320px){
/*.img-slider-mobile {width: 500px; height: 516px;}*/ 

}