@font-face {
  font-family: 'LensGrotesk-Bold';
  src: url('../fonts/LensGrotesk-Bold.otf') format('truetype');
}
@font-face {
  font-family: 'LensGrotesk-Medium';
  src: url('../fonts/LensGrotesk-Medium.otf') format('truetype');
}
@font-face {
  font-family: 'LensGrotesk-Regular';
  src: url('../fonts/LensGrotesk-Regular.otf') format('truetype');
}
body{
  font-family: LensGrotesk-Medium;
  color: #222e50;
}
.chica-top{
  background-color: #59bdb6;
}
.text-top{
  color: #FFFFFF;
  background-color: #222e50;
  padding: 30px 50px;
}
.text-top h1{
  color: #faba15;
  margin-top: -7px;
}
.cenefa h5{
  margin-top: -15px;
  font-family: LensGrotesk-Bold;
}
.form{
  background-color: #00b2e1;
  padding: 50px 80px;
}
.form h3{
  line-height: 1.4em;
}
.form h3 span{
  color: #fff;
  font-size: 3rem;
  font-family: LensGrotesk-Bold;
}
.whatsapp {
  background-color: #edecec;
  padding: 50px 80px;
}
.whatsapp h2 {
  font-family: LensGrotesk-Bold;
  font-size: 4rem;
  line-height: 0.9em;
  margin-bottom: 50px;
}
.whatsapp h2 span {
  color: #00acdc;
}
.whatsapp .wp{
  text-align: right;
}
.whatsapp .wp span{
  font-family: LensGrotesk-Bold;
  font-size: 2.3rem;
}
.logo{
  padding: 30px;
  background-color: #f7f7f7;
}
.footer{
  padding: 50px 40px;
  background-color: #222e50;
  color: #ffffff;
}
.footer a{
  color: #fff;
  text-decoration: none;
}
.atributos{
  background-color: #222e50;
  padding: 70px;
}
.atributos h2{
  color: #faba15;
  text-transform: uppercase;
  line-height: 1.3em;
  margin-bottom: 30px;
}
.atributos h2 span {
  color: #fff;
  font-size: 3rem;
}
.box img{
  border-radius: 20px;
}
@media screen and (max-width: 768px){
  .form{
    background-color: #00b2e1;
    padding: 50px;
  }
  .whatsapp {
    background-color: #edecec;
    padding: 50px;
  }
  .whatsapp h2 {
    font-size: 3rem;
    line-height: 0.9em;
    margin-bottom: 50px;
  }
  .atributos{
    padding: 50px;
  }
  .atributos .box{
    margin-bottom: 20px;
  }
}