* {
    border: 0;
    padding: 0;
    margin: 0;
}

body {
    background-color: white;
}

header {
    background-color: #EFD498;
    background-position: center;
    height: 40vh;
    width: 100%;
}

.contenedor {
    display: flex;
    max-width: 80%;
    height: 100vh;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
}

.barra-navegador {
    display: flex;
    height: 15vh;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.barra-navegador img {
    width: 18vh;
}

.hamburger{
    display: none;
}

main .contenedor {
    flex-direction: row;
    width: 80%;
}

.flex {
    display: flex;
}

.contenido-header {
    display: flex;
    margin-top: 1.5vh;
    width: 100%;
    color: white;
    font-size: 2em;
}

.titulo1 {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 65px;
    font-family: 'Lora', serif;
    font-weight: 400;
}

.navegacion a {
    margin: 10px;
    color: white;
    font-family: 'PT Sans', sans-serif;
    text-decoration: none;
}

main {
    height: 107vh;
    width: 100%;
    /* background-color: crimson; */
    font-family: 'Lora', serif;
    font-weight: 200;
    font-size: .88em;
}

.paola .black{
    font-weight: 600;
}

.black {
    color: black;
}

main .contenedor {
    max-width: 100%;
    height: 230px;
    margin: 0 auto;
    padding: 130px 80px;
    text-align: center;
    justify-content: space-around;
    /* background-color: gray; */
}

main .contenedor p{
    text-align: justify;
}

.paola {
    width: 330px;
    /* background-color: green; */
    padding: 30px;
}

.linea1 img {
    height: 19vh;
    /* background-color: hotpink; */
    justify-content: center;
}

.circulo {
    width: 330px;
    height: 330px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    /* background: #5cb85c; */
    background: url(../imgs/IMG_9627.jpg);
    background-position: 70% 42%;
    background-size: 200%;
}

.contenedor2 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3em;
    /* background-color: gray; */
    padding: 65px;
}

section {
    height: 190vh;
    width: 100%;
    /* background: coral; */
    color: #606060;
    display: flex;
    text-align: center;
    flex-direction: column;
    padding-top: 30px;
}

.contenedor3{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    margin: 25px 0;
}

.contenedor4{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    margin: 25px 0;
}

.texto{
    font-size: 1.1em;
    width: 350px;
    padding: 50px;
    padding-top: 80px;
    margin-left: 40px;
}
.img{
    width: 350px;
    height: 350px;
}

section .black{
    font-size: 1.4em;
    font-weight: 400;
}

.contenedor3 .img{
    background: url(../imgs/IMG_56.jpg);
    /* background-color: khaki; */
    background-size: 100%;
    justify-content: flex-start;
}

.contenedor4 .img{
    background: url(../imgs/IMG_71.jpg);
    /* background-color: khaki; */
    background-size: 123%;
    background-position: 30% 45%;;
}

.contenedor5{
    padding-top: 80px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: black;
    width: 100%;
    flex-direction: column;
}


.contenedor5 img {
    height: 35px;
    margin: 10px;
}

footer {
    height: 25vh;
    width: 100%;
    background-color: #262626;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: .9em;
    color: rgb(187, 187, 187);
}
footer a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: .9em;
    color: rgb(187, 187, 187);
    text-decoration: none;
}

footer img {
    height: 30px;
}

.mail {
    display: flex;
    justify-content: space-evenly;
    width: 18%;
    display: flex;
    align-items: center;
}

.linea2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 5.5%;
    display: flex;
    align-items: center;
    font-size: .8em;
    margin-top: 4.5vh;
}

.linea {
    height: 7vh;
    margin-bottom: -5vh;
}

.redes {
    display: flex;
    justify-content: space-evenly;
    width: 18%;
    display: flex;
    align-items: center;
}

@media screen and (max-width:860px) {
    header {
        height: 40vh;
        width: 100%;
        transition: all .5s ease;
    }
    .barra-navegador img {
        width: 18vh;
    }
    .contenido-header {
        margin-top: 1.5vh;
        font-size: 1.7em;
    }
    .contenido-header img {
        margin-top: 78px;
        height: 13vh;
    }
    main {
        height: 100vh;
        width: 100%;
        /* background-color: crimson; */
        font-family: 'Lora', serif;
        font-weight: 200;
        font-size: .87em;
        transition: all .5s ease;
    }
    main .contenedor {
        width: 100%;
        height: 420px;
        margin: 0;
        padding: 0px;
        text-align: center;
        /* background-color: gray; */
        justify-content: space-around;
    }
    .paola {
        width: 280px;
        /* background-color: green; */
        padding: 30px;
    }
    .linea1 img {
        height: 19vh;
        /* background-color: hotpink; */
        justify-content: center;
    }
    .circulo {
        width: 290px;
        height: 290px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-position: 70% 42%;
        background-size: 200%;
    }
    .contenedor2 {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 1.2em;
        /* background-color: gray; */
        padding: 65px;
    }
    section {
        height: 183vh;
        width: 100%;
        display: flex;
        text-align: center;
        flex-direction: column;
        padding-top: 30px;
        transition: all .5s ease;
    }
    .contenedor3{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        margin: 25px 0;
    }
    .contenedor4{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        margin: 25px 0;
    }
    .texto{
        font-size: .95em;
        width: 300px;
        padding:20px;
        padding-top: 80px;
        margin-left: 40px;
        transition: all .5s ease;
    }
    .img{
        width: 310px;
        height: 310px;
    }
    section .black{
        font-size: 1.3em;
        font-weight: 400;
    }
    .contenedor5{
        padding-top: 80px;
        font-family: 'Open Sans', sans-serif;
        font-size: .87em;
        color: black;
        width: 100%;
        flex-direction: column;
    }
    .contenedor5 img {
        height: 33px;
        margin: 10px;
    }
    footer {
        height: 13vh;
        transition: all .5s ease;
    }
    footer img {
        height: 20px;
    }
    .mail {
        width: 20%;
        font-size: .7em;
    }
    .linea2 {
        width: 10%;
        font-size: .7em;
        margin-top: 3vh;
    }
    .linea {
        height: 4vh;
        margin-bottom: -1.5vh;
    }
    .redes {
        width: 20%;
    }
}

@media screen and (max-width:670px) {
    header {
        height: 45vh;
        width: 100%;
    }
    .contenedor {
        max-width: 85%;
    }
    .contenido-header {
        margin-top: -4vh;
        font-size: 1.2em;
    }
    .barra-navegador img {
        width: 20vh;
    }
    .navegacion a {
        font-size: .8em;
        margin: 8px;
    }
    .contenido-header img {
        margin-top: 62px;
        height: 9vh;
    }
    main {
        height: 135vh;
        width: 100%;
        font-weight: 200;
        font-size: .7em;
    }
    main .contenedor {
        width: 100%;
        height: 330px;
        margin: 0;
        padding: 0px;
        text-align: center;
        justify-content: space-around;
    }
    .paola {
        width: 210px;
        padding: 15px;
    }
    .linea1 img {
        height: 14vh;
        justify-content: center;
    }
    .circulo {
        width: 220px;
        height: 220px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-position: 70% 42%;
        background-size: 200%;
    }
    .contenedor2 {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 1.1em;
        /* background-color: gray; */
        padding: 30px;
    }
    section {
        height: 235vh;
        width: 100%;
        display: flex;
        text-align: center;
        flex-direction: column;
        padding-top: 10px;
    }
    .contenedor3{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        margin: 20px 0;
    }
    .contenedor4{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        margin: 20px 0;
    }
    .texto{
        font-size: .83em;
        width: 185px;
        padding:20px;
        padding-top: 40px;
        margin-left: 20px;
    }
    .img{
        width: 250px;
        height: 250px;
    }
    section .black{
        font-size: 1.1em;
        font-weight: 400;
    }
    .contenedor5{
        padding-top: 80px;
        font-size: .7em;
        width: 100%;
        flex-direction: column;
    }
    .contenedor5 img {
        height: 27px;
        margin: 10px;
    }
    footer {
        height: 10vh;
    }
    footer img {
        height: 15px;
    }
    .mail {
        width: 25%;
        font-size: .5em;
    }
    .linea2 {
        width: 10%;
        font-size: .5em;
        margin-top: 2vh;
    }
    .linea {
        height: 2.7vh;
        margin-bottom: -2.5vh;
    }
    .redes {
        width: 25%;
    }
}

@media screen and (max-width:600px) {
    header {
        height: 29vh;
        width: 100%;
    }
    .contenedor {
        max-width: 85%;
    }
    .contenido-header {
        margin-top: -4vh;
        font-size: 1.2em;
    }
    .barra-navegador img {
        width: 15vh;
    }
    .navegacion a {
        font-size: .8em;
        margin: 8px;
    }
    .contenido-header img {
        margin-top: 62px;
        height: 9vh;
    }
    main {
        height: 75vh;
        width: 100%;
        font-weight: 200;
        font-size: .7em;
    }
    main .contenedor {
        width: 100%;
        height: 330px;
        margin: 0;
        padding: 0px;
        text-align: center;
        justify-content: space-around;
    }
    .paola {
        width: 210px;
        padding: 15px;
    }
    .linea1 img {
        height: 14vh;
        justify-content: center;
    }
    .circulo {
        width: 220px;
        height: 220px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-position: 70% 42%;
        background-size: 200%;
    }
    .contenedor2 {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: 1.1em;
        /* background-color: gray; */
        padding: 30px;
    }
    section {
        height: 155vh;
        width: 100%;
        display: flex;
        text-align: center;
        flex-direction: column;
        padding-top: 10px;
    }
    .contenedor3{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        margin: 20px 0;
    }
    .contenedor4{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        margin: 20px 0;
    }
    .texto{
        font-size: .83em;
        width: 185px;
        padding:20px;
        padding-top: 40px;
        margin-left: 20px;
    }
    .img{
        width: 250px;
        height: 250px;
    }
    section .black{
        font-size: 1.1em;
        font-weight: 400;
    }
    .contenedor5{
        padding-top: 80px;
        font-size: .7em;
        width: 100%;
        flex-direction: column;
    }
    .contenedor5 img {
        height: 27px;
        margin: 10px;
    }
    footer {
        height: 10vh;
    }
    footer img {
        height: 15px;
    }
    .mail {
        width: 25%;
        font-size: .5em;
    }
    .linea2 {
        width: 10%;
        font-size: .5em;
        margin-top: 2vh;
    }
    .linea {
        height: 2.7vh;
        margin-bottom: -2.5vh;
    }
    .redes {
        width: 25%;
    }
}

@media screen and (max-width:375px) {
    .hamburger{
        display: block;
        /* position: fixed;  para que se quede mientras mueven la pantalla abajo */
        position: sticky;
    }
    .navegacion{
        /* background: rgba(151, 144, 112, 0.144); */
        position: relative;
        top: 69px;
        left: 10px;
        display: flex;
        flex-direction: column;
        display: none;
        font-size: .88em;
    }
    .navegacion_activo{
        display: flex;
    }
    .barra-navegador{
        height: 10vh;
    }
    .barra-navegador img {
        width: 9.5vh;
    }
    .titulo1 {
        padding-top: 50px;
        font-size: .9em;
    }
    header {
        height: 23vh;
    }
    main {
        height: 90vh;
        width: 100%;
        font-weight: 200;
        font-size: .7em;
    }
    main .contenedor {
        width: 100%;
        height: 450px;
        margin: 0;
        padding-top: 40px;
        text-align: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .paola {
        width: 210px;
        padding: 15px 15px 0 15px;
    }
    .linea1 img {
        height: 11vh;
        transform: rotate(90deg);
        justify-content: center;
        margin: -50px 0;
    }
    .circulo {
        width: 180px;
        height: 180px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-position: 70% 42%;
        background-size: 200%;
    }
    .contenedor2 {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: .93em;
        /* background-color: gray; */
        padding: 50px;
    }
    section {
        height: 185vh;
        width: 100%;
        display: flex;
        padding-top: 30px;
    }
    .contenedor3{
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0px;
        margin-left: 90px;
    }
    .contenedor4{
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0px;
        margin-left: 90px;
    }
    .texto{
        font-size: .75em;
        width: 180px;
        padding:0px;
        padding: 50px 0;
        margin-left: 10px;
    }
    .img{
        width: 200px;
        height: 200px;
    }
    section .black{
        font-size: 1.1em;
        font-weight: 400;
    }
    .contenedor5{
        padding-top: 40px;
        font-size: .55em;
        width: 80%;
        flex-direction: column;
        margin-left: 35px;
    }
    .contenedor5 img {
        height: 20px;
        margin: 10px;
    }
    footer {
        height: 8vh;
    }
    footer img {
        height: 10px;
    }
    .mail {
        width: 30%;
        font-size: .3em;
    }
    .linea2 {
        width: 10%;
        font-size: .3em;
        margin-top: 1vh;
    }
    .linea {
        height: 2.2vh;
        margin-bottom: -2.5vh;
    }
    .redes {
        width: 25%;
    }
}

@media screen and (max-width:320px) {
    .hamburger{
        display: block;
        /* position: fixed;  para que se quede mientras mueven la pantalla abajo */
        position: sticky;
    }
    .navegacion{
        /* background: rgba(151, 144, 112, 0.144); */
        position: relative;
        top: 69px;
        left: 10px;
        display: flex;
        flex-direction: column;
        display: none;
        font-size: .88em;
    }
    .navegacion_activo{
        display: flex;
    }
    .barra-navegador{
        height: 10vh;
    }
    .barra-navegador img {
        width: 9.5vh;
    }
    /* .navegacion a {
        font-size: .5em;
        margin: 4px;
    } */
    .titulo1 {
        padding-top: 75px;
        font-size: .9em;
    }
    header {
        height: 20vh;
    }
    main {
        height: 70vh;
        width: 100%;
        font-weight: 200;
        font-size: .7em;
    }
    main .contenedor {
        width: 100%;
        height: 450px;
        margin: 0;
        padding-top: 40px;
        text-align: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .paola {
        width: 210px;
        padding: 15px 15px 0 15px;
    }
    .linea1 img {
        height: 11vh;
        transform: rotate(90deg);
        justify-content: center;
        margin: -50px 0;
    }
    .circulo {
        width: 180px;
        height: 180px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-position: 70% 42%;
        background-size: 200%;
    }
    .contenedor2 {
        display: flex;
        justify-content: center;
        text-align: center;
        font-size: .93em;
        /* background-color: gray; */
        padding: 50px;
    }
    section {
        height: 173vh;
        width: 100%;
        display: flex;
        padding-top: 30px;
    }
    .contenedor3{
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0px;
        margin-left: 50px;
    }
    .contenedor4{
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0px;
        margin-left: 50px;
    }
    .texto{
        font-size: .75em;
        width: 180px;
        padding:0px;
        padding: 50px 0;
        margin-left: 10px;
    }
    .img{
        width: 200px;
        height: 200px;
    }
    section .black{
        font-size: 1.1em;
        font-weight: 400;
    }
    .contenedor5{
        padding-top: 40px;
        font-size: .55em;
        width: 80%;
        flex-direction: column;
        margin-left: 27px;
    }
    .contenedor5 img {
        height: 20px;
        margin: 10px;
    }
    footer {
        height: 8vh;
    }
    footer img {
        height: 10px;
    }
    .mail {
        width: 30%;
        font-size: .3em;
    }
    .linea2 {
        width: 10%;
        font-size: .3em;
        margin-top: 1vh;
    }
    .linea {
        height: 2.2vh;
        margin-bottom: -2.5vh;
    }
    .redes {
        width: 25%;
    }
}