*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
    font-family: AGENCY FB;
    text-transform: capitalize;
    text-decoration: none;

}

body{
    background-image: url(IMAGENES/fondo.jpg);
}


header{

   background-image:   url(IMAGENES/Presentación\ logo\ peque.jpg)  ; 
background-position: center center;
background-repeat: no-repeat;
background-size:cover ;
height: 70vh;
display: flex;
align-items: center;
justify-content: center;



}

.container{

    max-width: 1100px;
    margin: 0 auto;

}

.menu{

    position: absolute;
    top: 10px;
    left: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: space-between ;
    z-index: 1000;
}

.menu .logo{

    font-weight: bolder;
    font-size:12px;
    color: aqua;


}

.menu .navbar ul  {
   
    list-style: none;
}

.menu .navbar ul li {

    position: relative;
    float: left;
}

.menu .navbar ul li a{
 
font-size: 18px;
padding: 20px;
color:aqua;
display: block;

}


.menu .navbar ul li a :hover{
    color:red;
}

#menu{
    display: none;
}

.menu label  {

    cursor: pointer;
    display: none;
}

.header-text{

    text-align: center;
    width: 700px;
    
}

.header-text h1{
    color: aqua;
    font-size: 55px;

}

.header-text p {

    margin-top: 35px;
    color: white;
}

.btn-1 {

    display: inline-block;
    background-color: red;
    margin-top: 35px;
    padding: 15px 25px;
    border-radius: 25px;
    color: white;
}

.btn-1 :hover{

    background-color: red;

}

.services{

    padding: 50px 0px;
    text-align: center;
    color:aqua;
}

.services h2 {

    font-size: 80px;
    margin-bottom: 50px;

}

.txt-1 {

    font-size: 50px;
    padding: 0% 200px;


}

.group-services{

    display: flex;
    justify-content: space-between;
}

.service {

    padding: 35px 25px;
}

.service img {

    width: 50px;
margin-bottom: 25px;
}

.service  h3{

    font-size: 22px;
    margin-bottom: 15px;
}

.service p {

    font-size: 18px;
}

.portafolio{

    text-align: center;
    padding: 50px 0px;
color: aqua;
}

.portafolio-txt {
    
margin-bottom: 50px;
}



.portafolio-txt h2{

    font-size: 18px;
}

.img{
    display: flex;
    justify-content: center;

}

.imgs img{

    width: 250px;
    margin: 0px 10px;

}

.bg-sec {

    background-image:  url(IMAGENES/background_hands_flipped@2x.png);  
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
margin: 35px 0px;

}

.bg-txt{

    padding: 100px 0px;
    text-align: center;
color: aqua;

}

.bg-txt h2{
font-size: 80px;
margin-bottom: 35px;
}

.bg-txt p{
    font-size: 20px;
    margin-bottom: 25px;
}

.prices{

    padding: 50px 0px;
    display: flex;
    justify-content: space-between;
    color: white;

}

.price{

    text-align: center;

}

.price h3{

    font-size: 50px;
    margin-bottom: 25px;
}

.price ul li{

    font-size: 18px;
}

footer{

    padding: 150px 0px;

}

.ft {

    display: flex;
    justify-content: space-between;
}

.enlace h3{

    color: aqua;
    font-size: 20px;
    margin-bottom: 25px;
}

.enlace li{

    list-style: none;
}

.enlace a {

    color: aqua ;
    display: block;
    margin-bottom: 15px;
}

.enlace form{
    display: flex;
    flex-direction: column;
}

.btn-2{

    padding: 10px 25px;
    border: 0px;
}

.btn-3{
    background-color: red;
    padding: 10px 25px;
    border: 0px;
    color: white;
    margin-top: 35px;
}

@media(max-width:991px ){
    .menu {
        padding: 20px;
    }
    .menu label{

        display: initial;
    }
    .menu .navbar {

      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background-color: black;
      display: none;  
    }

    .menu.navbar ul li{
        width: 100%;
    }

    .menu.navbar ul li a:hover{

        color: white;

    }
#menu:checked ~ .navbar{
    display: initial;
} 

.menu-icono{
    width: 25px;
}

.header-text{
    margin-top: 50px;
    padding: 0px 25px;
}
.services{
    padding: 30px;
}

.txt-1{

    padding: 30px;
    margin-bottom: 35px;
}

.group-services{

    flex-direction: column;
}

.service{
    margin-bottom: 20px;

}
.portafolio{
    padding: 0px 30px;
    flex-direction: column;
    text-align: center;
}
.portafolio-txt p{

    margin: 0;
}
.imgs{
flex-direction: column;
align-items: center;
}

.imgs img{
    margin: 15px 0px 0px 0px;
}

.bg-txt{
    padding: 30px;
}
.prices{
    flex-direction: column;
    align-items: center;
    padding: 30px;
}

.price{
    margin-bottom: 15px;

}

.footer{

    padding: 30px;
}

.ft{
    text-align: center;
    flex-direction: column;
}
.enlace form{
    align-items: center;
}




}

.whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
  }
  
  .whatsapp-icon {
    margin-top:13px;
  }