@font-face {
    font-family: 'comic sans';
    src: url(fuentes/Comic\ Sans\ MS.ttf);
}
@font-face {
    font-family: 'bradley hand';
    src: url(fuentes/Bradleys\ Pen.ttf);
}

@font-face {
    font-family: 'arcane hand';
    src: url(fuentes/ARCANE.otf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    font-family: 'comic sans';
}

.alter {
    text-align: center;
    align-items: center;
    padding: 10px;
    background-color: #c16dba;
    color: white;    
}

body {
    background-repeat: no-repeat;
    background-image: url(images/fondo.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
}

header {
    background-image: url(images/fondo7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 79vh;
    display: flex;
    align-items: center;
}

.container {
    max-width: 1800px;
    margin: 0 auto;
}

.menu {
    position: absolute;
    top: 50px;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
    
}

.menu .logo {
    font-size: 25px;
}

.menu .navbar ul li {
    position: relative;
    float: left;

}

.menu .navbar ul li a{
    font-size: 26px;
    padding: 20px;
    color: #c16dba;
    display: block;
    font-weight: bold;  
}

.menu .navbar ul li a:hover {
    color: #6449B7;

}

#menu {
    display: none;
}

.menu-icono {
    width: 75px;
    margin-left: 0px;
}

.menu label {
    cursor: pointer;
}

.header-content {
    display: flex;
}

.header-content img {
    height: 800px;
    width: 600px;   
    padding: 25px 25px;
}

.content {
    padding: 150px 0px 0px 0px;
}

.content h1 {
    color: #c16dba;
    font-size: 115px;
    line-height: 55px;
    font-family: 'arcane hand';
    margin-bottom: 60px;
    font-weight: 50;
}

.content h2 {
    color: #ad88ab;
    font-size: 85px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 55px;
    font-family: 'bradley hand';
}

.content p {
    margin-top: 25px;
    color: black;

    font-size: 26px;
    line-height: 30px;
    padding-right: 350px;
}


.btn-1 {
    display: inline-block;
    background-color: #c16dba;
    border: 1px solid black;
    margin: 35px 10px 10px 0px;
    padding: 25px 45px;
    color: white;
    border-radius: 25px;
    transition: background-color 0.3s ease;
    font-size: 26px;
}

.btn-1:hover {
    background-color: #6449B7;
}



















.porfolios {
    padding: 80px 0px 100px;
    text-align: center;
    color: #6449B7;
}

.encuadre {
    display: none;
}


.porfolio {
    display: flex;
    align-items: center;
}

.porfolio img {
    width: 350px;
    border-radius: 65px;
}

.porfolio-1 {
    text-align: left;
    margin-left: 100px;
}

.porfolio-1 h3{
    font-size: 55px;
    margin-bottom: 20px;
    
}

.porfolio-1 p {
    font-size: 26px;
    color: black;
    margin-bottom: 10px;
    padding-right: 35px;
}

.porfolio-2 {
    text-align: left;
    margin-bottom: 50px;
    margin-right: 100px;
    margin-left: 450px;
    margin-top: 50px;
}

.porfolio-2 h3{
    font-size: 55px;
    margin-bottom: 15px;
}

.porfolio-2 p{
    font-size: 26px;
    color: black;
    margin-bottom: 25px;

}

































.lactancia-txt {
    margin-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.lactancia-txt h2 {
    font-size: 120px;
    margin-top: 0px;
    color: #6449B7; 
    margin-bottom: 10px;
}

.lactancia-group {
    display: flex;
    justify-content: space-between;
    margin: 5px 0px;
    padding: 100px 0px;
    text-align: center;
    
}

.lactancia-1 {
    background-color: #feecab;
    box-shadow: 0px 0px 10px #81722f;
    padding: 35px 25px;
    margin: 0 10px;
    border-radius: 15px;    
}

.lactancia-1 h3{
    font-size: 35px;
    color: #6449B7;
    text-align: center;
    padding: 5px 0px 50px 0px;
}

.lactancia-1 p{
    font-size: 26px;
    color: #6c7975;
    padding: 5px 0px 0px 0px;
}
























.sueño-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.sueño-txt h2 {
    font-size: 120px;
    margin-top: 200px;
    color: #c16dba;
}

.sueño-txt p {
    padding: 20px 10px;
    color: #6c7975;
    font-weight: bold;
    font-size: 26px;
}

.sueño-group {
    display: flex;
    justify-content: space-between;
    margin: 5px 0px;
    padding: 50px 60px;
    margin-bottom: 200px;
}

.sueño-1 {
    background-color: #feecab;
    box-shadow: 0px 0px 10px #81722f;
    padding: 25px 25px 105px 25px;
    margin: 0 10px;
    border-radius: 15px;    
}

.sueño-1 h3{
    font-size: 36px;
    color: #c16dba;
    text-align: center;
    padding: 5px 0px 50px 0px;
}

.sueño-1 p{
    font-size: 26px;
    color: #6c7975;
    padding: 5px 0px 0px 0px;
    text-align: center;
}


























footer {
    padding: 5px 0px 30px 0px;
}

hr {
    margin: 0px 0px;
    border: 0.5px solid #5e5e5e;
}

.footer{
    display: flex;
    justify-content: space-between;
    color: #5e5e5e;

}

.footer-img img{
    size: 5px;
    align-items: center;
    border-radius: 15px;
}

.footer h3 {
    font-size: 26px;
}

.enlace {
    display: inline-block;
}

.enlace li a {
    display: block;
    margin: 20px;
    color: #fdeca9;
}

.enlace li a:hover {
    color: #7e7233;
}



.btn-wsp {
    position: fixed;
    width: 95px;
    height: 95px;
    line-height: 35px;
    bottom: 30px;
    right: 30px;
    background-image: url(images/whatsapp.png);
    z-index: 1000;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-wsp a:hover{
    color: #5e5e5e;
}



















@media (max-width:590px) {

    body {
        background-repeat: no-repeat;
        background-image: url(images/prueba.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .menu {
        padding: 20px;
    }

    .menu label {
        display: initial;
    }

    .menu .navbar {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fbf1f0;
        display: none;
    }
    
    .menu .navbar ul li {
        width: 100%;
    }

    .menu-icono {
        width: 60px;
    }

    #menu:checked ~ .navbar {
        display: initial;
    }
    
    .header-content { 
        padding: 0px 30px 50px 30px;
        align-items: center;
    }


    .content h1 {
        font-size: 50px;
        text-align: center;
    }

    .content h2 {
        font-size: 50px;
        text-align:center;
    }

    .content p {
        padding: 0;
        margin: 15px 0;
        text-align: center;
    }

    .content .btn-1 {
        padding: 25px 30px;
        font-size: 16px;
        text-align: center;
    }

    .header-direccion {
        flex-direction: column;
    }

    .header-content img {
        display:none;
    }

    .encuadre img{
        width: 100px;
    }






    .encuadre {
        display: initial;
    }

    .porfolios {
        padding: 0px 30px 30px 30px;
    }

    .porfolios h2 {
        margin-bottom: 15px;
    }

    .porfolio {
        flex-direction: column;
    }

    .porfolio img {
        display: flex;
        margin-bottom: 100px;
    }

    .porfolio-1 {
        text-align: center;
        margin:  0px 0px 25px 0px;
    }

    .porfolio-2 {
        text-align: center;
        margin:  0px 0px 25px 0px;
    }





    .lactancia-txt {
        margin-top: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .lactancia-txt h2 {
        font-size: 60px;
        margin-top: 0px;
        color: #0206fa; 
        margin-bottom: 10px;
    }
    
    .lactancia-group {
        display: flex;
        justify-content: space-between;
        margin: 5px 0px;
        padding: 100px 0px;
        text-align: center;
        flex-direction: column;
    }
    
    .lactancia-1 {
        box-shadow: 0px 0px 10px #81722f;
        padding: 35px 25px;
        margin: 20px 10px;
        border-radius: 15px;   
        flex-direction: column; 
    }
    
    .lactancia-1 h3{
        font-size: 35px;
        color: #0206fa;
        text-align: center;
        padding: 5px 0px 50px 0px;
    }
    
    .lactancia-1 p{
        font-size: 26px;
        color: #6c7975;
        padding: 5px 0px 0px 0px;
    }



    .sueño-txt {
        margin-top: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .sueño-txt h2 {
        font-size: 60px;
        margin-top: 0px;
        color: #c16dba  ; 
        margin-bottom: 10px;
    }
    
    .sueño-group {
        display: flex;
        justify-content: space-between;
        margin: 5px 0px;
        padding: 100px 0px;
        text-align: center;
        flex-direction: column;
    }
    
    .sueño-1 {
        box-shadow: 0px 0px 10px #81722f;
        padding: 35px 25px;
        margin: 20px 10px;
        border-radius: 15px;   
        flex-direction: column; 
    }
    
    .sueño-1 h3{
        font-size: 35px;
        color: #c16dba;
        text-align: center;
        padding: 5px 0px 50px 0px;
    }
    
    .sueño-1 p{
        font-size: 26px;
        color: #6c7975;
        padding: 5px 0px 0px 0px;
    }

}