*{

      padding: 0;
      margin: 0 auto;
      box-sizing: border-box;
      scroll-behavior: smooth;
   

   }


 body{

 background: whitesmoke;

 }


.enlace {

  padding: 30px 160px;
   text-decoration: none;
 }


.enlace img{
  position: absolute;
  top: 28%;
  width: 20%;
}


.logo{

  height: 40px;
}



nav {
  position: fixed;
  top: 0;
  z-index: 1;
  background: #172641;
  height: 80px;
  width: 100%;
}


nav ul{

  float: right;
  margin-right: 100px;
}

nav ul li{

  display: inline-block;
  line-height: 80px;
  margin: 0px 5px;
}



nav ul li a{


  color: #ffffff;
  font-size: 1.4vw;
  font-family: Arial;
  padding: 10px 25px;
  text-decoration: none;

}


nav ul li a:hover{


 
  background-color: #445169;
  transition: 600ms;


}


.section-image img{


  width: 100%;
  

}


.content-main{

    position: relative;

}

.section-text-main{


  position: absolute;
  top: 50%;
  left: 55%;
  
}

.section-text-main h2{

  font-size: 2.5vw;
  font-family: Arial black;
}

.acerca-de{

  width: 100%;
  height: 1080px;
  position: relative;
  background: whitesmoke;

}


.bloque-1 img{


    width: 40%;
    border-radius: 20px;
    position: absolute;
    top: 2%;
    left: 8%;
    
}

.text-bloque-1 h2{
    position: absolute;
    font-family: Arial;
    width: 38%;
    top: 10%;
    left: 52%;
    font-size: 1.8vw;


}

.bloque-2 img{

    position: absolute;
    border-radius: 20px;
    width: 40%;
    top: 52%;
    left: 50%;
   

}


.text-bloque-2 h2{

    position: absolute;
    text-align: justify;
    font-family: Arial;
    top: 65%;
    left: 9%;
    width: 38%;
    font-size: 1.8vw;


}


.nuestros-servicios {

    position: relative;
    width: 100%;
    height: 2040px;


}


.text-nuestros-servicios h1{


    position: absolute;
    font-family: Arial black;
    top: 5%;
    left: 50%;
    transform: translate(-50%);
    font-size: 2.5vw;


}

.img-nuestros-servicios {


    position: absolute;
    top: 10%;



}

.img-nuestros-servicios img{

  width: 100%;


}
.img-nuestros-servicios-2{


    position: absolute;
    top: 55%;



}

.img-nuestros-servicios-2 img{

  width: 100%;

}


footer {

    width: 100%;
    height: 200px;
    background: #172641;
    position: relative;

}


@media only screen and (min-width: 768px){

    nav {

      height: 80px;
  }




  .enlace {

    padding: 30px 325px;
   text-decoration: none;
 }


  .enlace img{
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translate(-50%);
   width: 30%;
  }


  nav ul li a{


    padding: 10px 45px;

  }

  .acerca-de{

  width: 100%;
  height: 420px;
  position: relative;
  background: whitesmoke;

  }

  .nuestros-servicios {

    
    width: 100%;
    height: 840px;


}

}


@media only screen and (min-width: 1024px){


    nav {

      height: 100px;
    }


  .enlace {

    padding: 30px 325px;
   text-decoration: none;
  }


  .enlace img{
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translate(-50%);
   width: 30%;
  }

    nav ul{

    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-25%);
    width: 100%;

  }


  nav ul li a{

    padding: 15px 35px;

  }

  .acerca-de{

  width: 100%;
  height: 580px;
  position: relative;
  background: whitesmoke;

  }

  .nuestros-servicios {

    
    width: 100%;
    height: 1200px;


}


}


@media only screen and (min-width: 1280px){

      nav {

      height: 120px;
    }



  .enlace {

    padding: 30px 325px;
   text-decoration: none;
 }


  .enlace img{
   position: absolute;
   top: 20%;
   left: 50%;
   transform: translate(-50%);
   width: 30%;
  }

  nav ul{

    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-25%);
    width: 100%;


  }

  nav ul li a{

    padding: 15px 45px;

  }

  .acerca-de{

  width: 100%;
  height: 580px;
  position: relative;
  background: whitesmoke;

  }

  .nuestros-servicios {

    
    width: 100%;
    height: 1200px;


}


}


@media only screen and (min-width: 1440px){

      nav {

      height: 80px;
    }



  .enlace {

    padding: 30px 325px;
   text-decoration: none;
 }


  .enlace img{
   position: absolute;
   top: 30%;
   left: 20%;
   width: 30%;
  }

  nav ul{

    position: absolute;
    top: 0px;
    left: 80%;
    transform: translate(-35%);
    width: 100%;


  }

  nav ul li a{

    padding: 15px 45px;

  }

  .acerca-de{

  width: 100%;
  height: 800px;
  position: relative;
  background: whitesmoke;

  }

  .nuestros-servicios {

    
    width: 100%;
    height: 1600px;


}


}


@media only screen and (min-width: 1680px){

      nav {

      height: 80px;
    }



  .enlace {

    padding: 30px 325px;
   text-decoration: none;
 }


  .enlace img{
   position: absolute;
   top: 30%;
   left: 20%;
   width: 30%;
  }

  nav ul{

    position: absolute;
    top: 0px;
    left: 80%;
    transform: translate(-35%);
    width: 100%;


  }

  nav ul li a{

    padding: 15px 45px;

  }

  .acerca-de{

  width: 100%;
  height: 1000px;
  position: relative;
  background: whitesmoke;

  }

  .nuestros-servicios {

    
    width: 100%;
    height: 1800px;


}


}


@media only screen and (min-width: 1920px){

  nav {

      height: 80px;
    }


.enlace {

  padding: 30px 160px;
   text-decoration: none;
 }


.enlace img{
  position: absolute;
  top: 28%;
  width: 20%;
}

  nav ul{

    position: absolute;
    top: 0px;
    left: 80%;
    transform: translate(-20%);
    width: 100%;


  }

  nav ul li a{

    padding: 15px 45px;
    font-size: 1.0vw;

  }

.acerca-de{

  width: 100%;
  height: 1080px;
  position: relative;
  background: whitesmoke;

}

.nuestros-servicios {

    position: relative;
    width: 100%;
    height: 2040px;


}



}