@media (min-width: 300px) and (max-width: 992px) {
  /* Aquí coloca tus estilos para pantallas medianas */
  body {
    background-color: white;
  }
  
}

/* Estilos para pantallas grandes (computadoras) */
/* Aquí coloca tus estilos para pantallas grandes */
@media (min-width: 993px) {
  
body {
  background-image: url('/img/tormenta1.jpg');
  background-size: 100%;
  background-repeat:repeat;
}



  .footer{
    position: relative;
    top: -1700px;
  }

  .redesSociales{
    background-color: #2982bb;
    position: relative;
    top: -19px;
  }

  .titulocontact{
    color: #ffffff;
  }
  .Divcontact{
    position: relative;
    top: -19px;
    padding: 12px;
    /* border: 9px solid #ccc; */
    border-radius: 117px;
    background-color: #2982bb;
    width: 345px;
    margin: 0 auto;
    text-align: center;
    height: 70px;
    text-decoration: white;
  }
  #contact{
    position: relative;
    top: -1575px;
  }

  /*Seccion 6*/
  .divFormulario{
    background-color: #2982bb;
    position: relative;
    top: -20px;
  }

  .tituloRegistro{
    color: #ffffff;
  }
  .registro{
    position: relative;
    top: -19px;
    padding: 12px;
    /* border: 9px solid #ccc; */
    border-radius: 117px;
    background-color: #2982bb;
    width: 345px;
    margin: 0 auto;
    text-align: center;
    height: 70px;
    text-decoration: white;
  }
  

  #formularioRegistro{
    position: relative;
    top: -1350px;
  }


  /**Seccion 5*/
  .iframeNoticias{
    background-color: #2982bb;
    position: relative;
    top: -1px;
  }

  #noticias{
    position: relative;
    top: -1130px;
    }


  /*Seccion 4 */
  .textoTitulo{
    color: #ffffff;
  }
  .tituloAventuraEducativaHome{
    color: #ffffff;
  }
  .img2{
    position: relative;
    left: 50%;  
  }
.Descrip{
  position: relative;
  left: 50%;
  font-size: 20px;  
  color: #ffffff;
}

 .img1{
  position: relative;
  left: 50%;

 }
   #textoTitulo{
  position: relative;
  left: 50%;
 }
  .tallerresCont{
    background-color: #2982bb;
    position: relative;
    
  }

.divTalleresHome{
    position: relative;
    top: 0px;
    padding: 12px;
   
    border-radius: 117px;
    background-color: #2982bb;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 70px;
    text-decoration: white;
  }

  #TalleresHome{
    position: relative;
    top: -904px;
  }


  /*Seccion 3*/
  .tituloPortafoleo{
    color: #ffffff;
  }

  .rowPortafoleo{
    position: relative;
    top: -676px;
    background-color: #2982bb;
  }

  .divPortafoleo{
    position: relative;
    top: 0px;
    padding: 12px;
    /* border: 9px solid #ccc; */
    border-radius: 117px;
    background-color: #2982bb;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 70px;
    text-decoration: white;
  }

  #seccionPortafoleo{
    position: relative;
    top: -420px;
  }

  .textHACEMOS{
    color: black;
    font-size: 22px;
  }

  .txtLOQUEHACEMOS{
    font-size: 20px;
    color: #ffffff;
  }
  .divservico1{
    background-color: #2982bb;
  }

  .tituloAlgo{
    color: #ffffff;
  }
  .divALGO{
    position: relative;
    top: 0px;
    padding: 12px;
    /* border: 9px solid #ccc; */
    border-radius: 117px;
    background-color: #2982bb;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 70px;
    text-decoration: white;
  }

  #services{
    position: relative;
    top: -200px;;
  }

  .iframeHome{
    width: 90%;
    height: 500px;
  }
  .DivText{
    background-color: #2982bb;
  }

  .DivtituloAvED{
    position: relative;
    top: 0px;
    padding: 12px;
    /* border: 9px solid #ccc; */
    border-radius: 117px;
    background-color: #2982bb;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 70px;
    text-decoration: white;
  }
  
  #cabeceraHome{
    color: #ffffff;
  }

  .videoIframeEvento{
    width: 480px;
    height: 315px;
    
  }
  
  .texto-centrado{
    text-align: center; 
    font-size: 30px;
  }
  .imgEDU{
    width: 70px;
    height: 70px;
  }
  .imgVRCHEF{
    width: 70px;
    height: 70px;
  }
}




/* DiegoP10 */
/* Aquí coloca tus estilos para pantallas Celular */
@media (max-width: 576px) {

  .imgEDU{
    width: 60px;
    height: 60px;
  }
  .imgVRCHEF{
    width: 70px;
    height: 70px;
  }

  .btnVRChef{
    position: relative;
    left: 0px;
  }
  .btnAVEducativa{
    position: relative;
    left: -30px;
    width: 20px;
  }
  .rowInstruccion{
    width: 90%;
  }
  .contentDataDemo{
    width: 90%;
  }

  .contentIMGDEMO{
    width: 90%;
  }
  #tematicas{
    position: relative;
    top: -200px;
  }

#demoAventuraVR{
  position: relative;
  top: -400px;
}
/*
  #cabecera{
    background-color: blue;
  } */

.videoIframeEvento{
  width: 348px;
  height: 315px;
  
}

.texto-centrado{
  text-align: center; 
  font-size: 30px;
}

  /* body {
    background-image: url('/img/tormenta1.jpg');
    background-size: 100%;
    background-repeat:repeat;
  } */
  


  /*Seccion 8*/
  .footer{
    position: relative;
    top: -1700px;
  }

/*Seccion 7*/
.redesSociales{
  background-color: #2982bb;
  position: relative;
  top: -90px;
}
.imgredes{
  width: 50px;
  height: 50px; 
}
.titulocontact{
  color: #ffffff;
}
.Divcontact{
  position: relative;
  top: -90px;
  padding: 12px;
  /* border: 9px solid #ccc; */
  border-radius: 117px;
  background-color: #2982bb;
  width: 345px;
  margin: 0 auto;
  text-align: center;
  height: 70px;
  text-decoration: white;
}
#contact{
  position: relative;
  top: -1498px;
  /* background-color: black; */
}

/*seccion 6*/
.divFormulario{
  background-color: #2982bb;
  position: relative;
  top: -20px;
}
.tituloRegistro{
  color: #ffffff;
}
.registro{
  position: relative;
  top: -19px;
  padding: 12px;
  /* border: 9px solid #ccc; */
  border-radius: 117px;
  background-color: #2982bb;
  width: 345px;
  margin: 0 auto;
  text-align: center;
  height: 70px;
  text-decoration: white;
}
#formularioRegistro{
  position: relative;
  top: -1350px;
}


/*Seccion 5*/
.iframeNoticias{
  background-color: #2982bb;
  position: relative;
  top: -19px;
}
#noticias{
position: relative;
top: -1130px;
}


/*Seccion 4*/
.tallerresCont{
  background-color: #2982bb;
  position: relative;
  top: -20px;
}
.tituloAventuraEducativaHome{
  color: #ffffff;
}
.divTalleresHome{
  position: relative;
  top: -19px;
  padding: 12px;
  /* border: 9px solid #ccc; */
  border-radius: 117px;
  background-color: #2982bb;
  width: 345px;
  margin: 0 auto;
  text-align: center;
  height: 70px;
  text-decoration: white;
}
#TalleresHome{
  position: relative;
  top: -904px;
}



  /*SECCION 3   */
.rowPortafoleo{
  position: relative;
  top: -696px;
  background-color: #2982bb;
}
.tituloPortafoleo{
  color: #ffffff;
}
.divPortafoleo{
  position: relative;
  top: -19px;
  padding: 18px;
  /* border: 9px solid #ccc; */
  border-radius: 117px;
  background-color: #2982bb;
  width: 300px;
  margin: 0 auto;
  text-align: center;
  height: 70px;
  text-decoration: white;
}

#seccionPortafoleo{
  position: relative;
  top: -420px;
}

/*seccion dos*/
.textHACEMOS{
  color: black;
  font-size: 22px;
}

.txtLOQUEHACEMOS{
  font-size: 20px;
  color: #ffffff;
}
.divservico1{
  position: relative;
  top: -25px;
  background-color: #2982bb;

}
.ifrmae2Home{
  background-color: #2982bb;
}
.tituloAlgo{
  color: #ffffff;
}
.divALGO{
  position: relative;
  top: -19px;
  padding: 18px;
  /* border: 9px solid #ccc; */
  border-radius: 117px;
  background-color: #2982bb;
  width: 345px;
  margin: 0 auto;
  text-align: center;
  height: 80px;
  text-decoration: white;
}
#services{
  position: relative;
  top: -180px;
}

  

  /***Seccion 1*/
  .txtinfoArvia{
    font-size: 20px;
    color: #ffffff;
  }
.DivText{
  position: relative;
  top: 40px;
  background-color: #2982bb;
}
.tituloARVIA{
  color: #ffffff;
}

.DivtituloAvED{
  position: relative;
  top: 42px;
  padding: 18px;
  /* border: 9px solid #ccc; */
  border-radius: 117px;
  background-color: #2982bb;
  width: 345px;
  margin: 0 auto;
  text-align: center;
  height: 80px;
  text-decoration: white;
}
.Titulo{
    position: relative;
    top: 10px;
    font-size: 50px;
    color: aliceblue;
    text-align: center;
  }

  .titulos{    
    position: relative;
    top: 500px;
    background-color: #2477c3;
    text-align: center;    
  }
  #textoTitulo{
    color: aliceblue;
    position: relative;
    top: 5px;
  }
  #tablataller{
    align-content: center;
    background-color: blue;
  }

  .div_titulo{
    background-color: #2477c3;
  }
  #talleres{
    position: relative;
    top: -40px;
  }


}