body, html{
  margin: 0%;
  padding: 0%;
  }

  .row{
    margin: 0%!important;
    padding: 0%!important;
  }

  .contenedor{
    width: 100%;
    background-image:#fff;
    justify-content: center;
    display: flex;
  }

  /*** section one ***/

  .section-1{
    margin: 0%;
    padding: 0%;
    text-align: center;
  }

  .section-1 img{
    margin: 0%;
    padding: 0%;
    width: 60%;
    border-radius: 5px;
    color: #DCA0CC;
  }

  .section-1 h1{
    font-family: 'Inria Serif', serif;
    margin: 5% 0% 3% 0%;
    padding: 0%;
    width: 100%;
    font-size: 40px;  
  }

  .section-1 h2{
    font-family: 'Inria Serif', serif;
    margin: 0% 0% 10% 0%;
    padding: 0%;
    width: 100%;
    font-size: 25px;  
  }

  .section-1 h3{
    font-family: 'Pacifico', cursive;
    margin: 5% 0% 3% 0%;
    padding: 0%;
    width: 100%;
    font-size: 20px; 
    color: #DCA0CC;
    letter-spacing: 0.5px;
  }

  .section-1 p{
    font-family: 'Comfortaa', cursive;
    margin: 5% 0% 0% 0%;
    padding: 0%;
    width: 100%;
    font-size: 15px; 
    color: #333;
  }

  .section-1 ul{
    width: 100%;
    margin: 0%;
    padding: 0%;
    list-style: none;
    display: flex;
    justify-content: center;
  }

  .section-1 li{
    width: 50%;
    margin: 0%;
    padding: 0%;
    text-align: center;
    
  }

  .section-1 li> img{
    width: 35%;
  }

  /*** section two ***/

  .section-2{
    margin: 0%;
    padding: 0%;
    text-align: center;
  }

  .pictures img{
    width: 40%;
    height: 40%;
    margin: 3%;
    border-radius: 10px;
  }

  /*** section three ***/

  .section-3{
    margin: 0%;
    padding: 0%;
    text-align: center;
  }

  .section-3 img{
    margin: 0%;
    padding: 0%;
    width: 30%;
    border-radius: 5px;
    color: #DCA0CC;
  }

  .section-3 h2{
    font-family: 'Inria Serif', serif;
    margin: 2% 0% 5% 0%;
    padding: 0%;
    width: 100%;
    font-size: 20px;  
  }

  .section-3 h3{
    font-family: 'Pacifico', cursive;
    margin: 5% 0% 3% 0%;
    padding: 0%;
    width: 100%;
    font-size: 20px; 
    color: #DCA0CC;
    letter-spacing: 0.5px;
  }

  .section-3 h4{
    font-family: 'Inria Serif', serif;
    margin: 2% 0% 5% 0%;
    padding: 0%;
    width: 100%;
    font-size: 18px;  
  }

  .section-3 p{
    font-family: 'Comfortaa', cursive;
    margin: 5% 0% 0% 0%;
    padding: 0%;
    width: 100%;
    font-size: 15px; 
    color: #333;
  }

  .section-3 ul{
    width: 100%;
    margin: 10% 0% 10% 0%;
    padding: 0%;
    list-style: none;
    display: flex;
    justify-content: center;
  }

  .section-3 li{
    text-align: center;
    margin: 0% 10%;
    padding: 0%;
  }

  .section-3 i{
    font-size: 30px;
  }

  .hover-menu{
    position: relative;
  }


  .hover-content{
    display: none;
    opacity: 0;
    transition: 0.5s;
    font-family: 'Comfortaa', cursive;
    width: 200px;
    position: absolute;
    right: 0%;
    background-color: #fff;
    padding: 30%;
    border-radius: 5px;
    line-height: 30px;
  }

  .hover-content a{
    font-size: 15px;
    color: #333;
  }

  .hover-content i{
    font-size: 15px;
    color: #333;
  }

  .hover-menu:hover .hover-content{
    opacity: 1;
    transition: 0.5s;
    display: block;
  }