html,body {
  height:100%;
}

.container-principal {
  width: 100%;
  background-image: url("../assets/images/are/fondo_1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto 0;
  margin-top: 70px;
}

.are-initial {
  color: #fff;
  display: inline-block;
  position: absolute;
  right: 7%;
  top: 35%;
  width: 40%;
  text-align: center;
}

.are-initial-title {
  font-size: 7rem;
  font-family: "Helvetica", sans-serif !important;
  font-weight: bold;

}

.are-content {
  align-items: center;
  justify-content: center;
  text-align: left;
  position: absolute;
  margin-left: 7%;
  margin-top: 117vh;
  color: #fff;
  width: 85%;
  
}

.are-title {
  font-size: 45px;
  font-weight: bold;
  width: 90%;
}

.are-text {
  font-size: 30px;;
}

.terciario-text, .cuarto-text , .quinto-text  , .sexto-text{
  font-size: 1.5vw;
  color: #fff;
  text-align: center;
  width: 42%;
  margin-left: auto;
  margin-right: auto;
}

.cuarto-text {
  color: #777;
  width: 50%;
}

.quinto-text {
  width: 49%;
}

.video {
  width: 100%;
  height: 100%;
  
}

.responsive-iframe {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.responsive-iframe iframe {
  position: absolute;
  width: 100%;
  height: 60%;
  left: 0;
  top: 0;
  border-radius: 28px;
}

.container-secundario {
  background-color: #fff;
  display: table;
  height: max-content;
  padding: 2%;
  }

.container-terciario {
  background-color: #79D4CD;
  padding-bottom: 2%;
}

.container-cuarto {
  background-color: #fff;
}

.container-quinto, .container-sexto {
  text-align: center;
  width: 100%;
}
.container-quinto {
  background-color: #ED297A;

}


.container-sexto {
  background-color: #fff;

}
.container-quinto {
 position: relative;
}

.cuarto-title {
  margin-top: 7%;
}

.secundario-title, .cuarto-title , .quinto-title , .sexto-title{
  color: #A8A1FE;
  font-weight: bold;
  font-size: 3vw;
  width: 41%;
  margin-left: auto;
  margin-right: auto;
}
.sexto-title, .sexto-text, .btn2  {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}



.sexto-title {
  top: 10%;
}

.sexto-text {
  top: 17%;
  width: 22%;
}

.btn2 {
  top: 24%;
  background-color: rgba(0, 0, 0, 0);
  border: solid 3px #fff;
  border-radius: 28px;
}

.quinto-title{
  color: #fff;
}

.cuarto-title, .quinto-title {
  width: 35%;
}

.terciario-title{
  color: #fff;
  font-weight: bold;
  font-size: 3vw;
  width: 41%;
  margin-left: auto;
  margin-right: auto;
}

.secundario-subtitle {
    display: inline-block;
    vertical-align: middle;
    color: #79D4CF;
    width: 0;
}
.content-secundario {
  text-align: center;
  margin-bottom: 28px;
}

.are-image {
  width: 15%;
}

.secundario-text {
  color: #777;
  font-size: 1.5vw;
  font-weight: 400;
  display: contents;
  width: 35%;
  text-align: left;
  position: absolute;
  left: 45%;
}

.peaple {
  margin-left: -7px;
  width: 25%;
  height: 100%;
}
.peaple2 {
  margin-left: -7px;
  width: 21.1%;
  height: 100%;
}
.content-img-peaple {
  text-align: center;
}

.img-all {
  width: 100%;
  height: 100%;
}



.row-2 {
top: 5%;
}


.img-network {
  width: 20%;
  display: inline-block;
  float: left;
}


@media screen and (max-height: 900px) {

  .contact-title {
    font-size: 55px;
}

.contact-text {
    font-size: 21px;;
}
body {
  background: #A8A1FE;
}
.container-cuarto {
  background-color: #fff;
}




}


@media screen and (max-height: 768px) {

  .contact-title {
    font-size: 55px;
}

.contact-text {
    font-size: 21px;;
}

.container-secundario {
  margin-top: 25%;
}

}
@media screen and (max-height: 450px) {
.responsive-br {
  display: none;
}
}
@media screen and (max-height: 400px) {


.container-secundario {
  margin-top: 55%;
}



.responsive-iframe iframe {
  height: 80%;
}

}

@media screen and (max-width: 900px) {

  
  .are-initial-title {
    font-size: 4rem;
  }
  
  .are-title {
    font-size: 38px;
}
  
  .are-text {
    font-size: 14px;;
}


.sexto-title {
  top: 3%;
}

.sexto-text {
  top: 15%;
}

.btn2 {
  top: 23%;
}



}

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



  .are-initial {
    right: 0;
    width: 100%;
  }
  
  .secundario-title,.terciario-title,.cuarto-title,.sexto-title{
    font-size: 4vw;
    width: 80%;

    
  }
  
  .secundario-subtitle{
    width: 0
  }
  

  .secundario-text,  .terciario-text,  .cuarto-text,.sexto-text {
    font-size: 2.5vw;
    width: 80%;
  }

  
  .btn2 {
    width: 40%;
  }
  
  .responsive-iframe iframe {
    height: 80%;
  }
  
  .peaple {
    width: 45%;
  }
  .peaple2 {
    width: 37.7%;
  }

}


@media screen and (max-width: 450px) {

}

@media screen and (max-width: 400px) {
  .are-content {
    margin-top: 110vh;
    
  }
}