body {

    background-image: url(../media/pexels-aan-amrin-986327-1926811.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: 100%;

    margin:0;

    backdrop-filter: blur(3px);

}



header {

  width:100%;

  background-color: #658b6a;

  padding: 15px 0;

}



#logo {

    width: 250px;

    height: auto;

    display: block;

    margin: 0 auto;

}



main {

  width: 85%;

  margin:0 auto;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content:space-between;

}



article {

  margin:3% 0;

  box-sizing:border-box;

}



h1, h2, h3 {  

  font-family: "Charm", serif;

  font-weight: 700;

  font-style: normal;

}



h1 {

  width:100%;

  font-size: 3em;

  line-height: 1.1em;

  text-align: center;

  margin: 5% 0;

  background-color:#658b6a;

  padding:5px 0;

  color:#fff;

  border-radius: 15px;

}



h2 {

  font-size:  2.2em;

  line-height: 1.1em;

}



h3 {

  font-size: 1.1em;

  line-height: 1.1em;

}



h4 {

  font-size: 1.1em;

  line-height: 1.1em;

}



h5 {

  font-size: 2.2em;

  line-height: 1.1em;

}



span {

  color:#658b6a;

}



.completo{

  width:100%;

  padding: 3% 5% 5% 5%;

  background-color: #fff;

  border-radius:  35px;

}



.completo img {

    width: 100%;

    border-radius: 20px;

}  



p {

  font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

  font-size: 1em;



  line-height: 1.4em;

  margin-top: 25px;

  color:#000;

  text-indent: 40px;

  text-align: justify;

}



.medio {

  width: 45%;

  padding: 1% 3%;

  background-color: #fff;

  border-radius: 40px;

}



.tercio {

  width: 31%;

  padding: 1% 3%;

  background-color: #fff;

  border-radius: 40px;

}



.contenedor img {

  width:100%;

  height: auto;

  border-radius: 20px;

}



.siguiente {

  margin-top: 30px;

  text-indent: 0;

}



.siguiente a {

  text-decoration: none;

  font-size: 1.3em;

  color:#8d3d5a;

  font-weight: 600;

}



.fa-circle-right {

  margin-left: 10px;

}


.descarga {
    display:none;
}


footer {

  background-color: #658b6a;

  padding: 15px;

  margin-top: 50px;

}



footer p {

  text-indent: 0;

  text-align: center;

  color:#fff;

  margin-top: 0;

  margin-bottom: 0;

}





.uno {

    display:none;

}



.dos {

    display:none;

}



.tres {

    display:none;

}





@media (max-width:834px) {



  body {

    background-size: cover;

  }

  

  h1 {

    font-size: 2.7em!important;

  }



  h2 {

    font-size: 2em!important;

  }



}



@media (max-width:440px) {



  article {

    padding:5% 7% !important;

  }



  h1 {

    font-size: 2.5em!important;

  }



  h2 {

    font-size: 2em!important;

  }



  .completo,.medio,.tercio {

    width: 100%;

  }





}