@charset "UTF-8";
/* Body */
body {
	font-family: 'Alef', sans-serif;
	font-family: 'Exo', sans-serif;
	font-family: 'Nunito Sans', sans-serif;
	;
	background-color: #280A35;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
	padding-left: 0px;
}
/* Container */
.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 1000px;
	background-color: #280A35;
}
/* Nav */
header {
	width: 100%;
	height: 10%;
	background-image: linear-gradient(#280A35,#310D42);
	border-bottom: 1px;
}

.logo {
	width: 20%;
	height: auto;
	float: left;
	position: absolute;
	margin-top: 25px;
	margin-left: 25px;
	margin-bottom: 25px;
}
nav {
	float: right;
	width: 50%;
	color: #A5ACCA;
	text-align: right;
	margin-right: 25px;
	margin-top: 25px;
}
header nav ul {
	list-style: none;
	float: right;
	font-family: 'Exo';
	font-style: normal;
	font-variant: normal;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}
nav ul li {
	float: left;
	font-size: 14px;
	text-align: left;
	margin-right: 25px;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
}
ul li a {
	color: #F6F7FA;
	text-decoration: none;
}
ul li:hover a {
	color: #606CA1;
	font-family: exo;
}

/* Hero */
.hero {
	background-image: url("../media/img/astronauta.png");
	background-size: cover;
	background-position:center bottom;
	background-attachment: scroll;
	background-repeat: no-repeat;
	margin-bottom: -60px;
	width: 100%;
	height: 50%;
}

.tagline {
	width: 100%;
	text-align: center;
	font-weight: 900;
	vertical-align: bottom;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0px;
	color: #FEC620;
	font-size: larger;
	font-size: 30px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #E5C4F4;
	padding-top: 386px;
}
/*Saludo inicial */

.about {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 25px;
	display: inline-block;
	background-color: #280A35;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.saludo {
	color:#f45866;
	height: auto;
	border-bottom: 2px solid;
	border-bottom-right-radius: 20px;
	font-family: 'Exo';
	text-shadow: 0px 0px 15px #DA0E1F;

}

.text_column {
	width: 100%;
	vertical-align: center;
	text-align: justify;
	font-weight: lighter;
	font-family: 'Alef';
	line-height: 25px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 56px;
	color: white;
}


/* VIDEO TITULO*/

.titulovideo {
	clear: both;
	display: inline-block;
	width: 100%;
	height: 5%;
	background-color: transparent;
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 30px;
    border: 1px solid #F45764;
    border-radius: 15px;
}


.thumbnail {
	width: 100%;
	text-align: center;
	vertical-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.titulovideo .thumbnail h1 {
	font-family: 'Exo';
	margin-top: -25px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: center;
	color: #8F25C0;
	width: 100%;
	text-shadow: 0px 0px 10px #591778;
}
.titulovideo .thumbnail p {
	font-family: 'Alef';
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	width: 100%;
	color: white;
}
/* VIDEO */
.videoprevcontenedor {
	background-image: url("../media/img/interfaz.png");
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 600px;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

.previa {
	float: left;
	margin-left: 150px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 50%;
	border-left: 2px solid #fec620;
	border-radius: 10px;
	vertical-align: center;
}

.aventura {
	font-family: 'Exo';
	color: #fec620;
	text-align: left;
	padding-top: 110px;
	letter-spacing: 2px;
	margin-top: -10px;
	margin-left: 150px;
	padding-bottom: 0px;
}
.aventura_description {
	font-family:'Alef';
	color: #FFFFFF;
	text-align: right;
	vertical-align: center;
	width: 30%;
	float: right;
	font-weight: lighter;
	line-height: 23px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 160px;
	margin-left: 0px;
}

/* TRIPULACION*/
.containertripulacion{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height:1000px;
	background-color: #280A35;
	
}
/* GALERIA */

.titulogaleria {
	width: 100%;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 35px;
	margin-bottom: 20px;
	color: #FEC620;
	font-size: 30px;
	font-family: 'Exo';
	text-shadow: 0px 0px 15px #FEC620;
	border-bottom: 2px solid;
	border-bottom-right-radius: 20px;
}

.galeria  {
	clear: both;
	display: inline-block;
	width: 100%;
	height: auto;
	background-color: #280A35;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: -57px;
	padding-bottom: 45PX;
}
.thripulacion {
	width: 23%;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #631985;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 5px;
	padding-top: 20px;
	border-bottom: 4px solid #F45764;
}
 
.nombres {
	text-align: center;
	font-family: 'Exo';
	font-size: 25px;
	color: #FEC620;
	
}

.columnagal{
	font-family: 'Alef';
	text-align: center;
	color: white;
	font-size: 15px;
	margin-left: 10px;
	margin-right: 10px;
	
}

.cards {
	width: 70%;
	height: auto;
	max-width: 400px;
	max-height: 200px;
	opacity: 0.9;
	border-radius: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* MOTORES */

.chandra {
	display: flex;
	width: 100%;
	height: 20%;
	margin-bottom: 153px;
	padding-bottom: 50px;
}

.containermotores{	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 1200px;
	background-color: #280A35;
}
.titulomotores{
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 20px;
	color: #F45764;
	font-size: 30px;
	font-family: 'Exo';
	text-shadow: 0px 0px 15px #631a86;
	border-bottom: 2px solid;
	border-bottom-right-radius: 20px;	
}

.chandrasound{
	width: 100%;
	height: 10%;
	font-weight: 900;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
	margin-top: 35px;
	color: #FEC620;
	font-size: 25px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #FEC620;
	margin-right: 107px;
}

.chandrasound2 {
	width: 100%;
	font-weight: 900;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1px;
	margin-top: 500px;
	color: #FEC620;
	font-size: 25px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #FEC620;
	margin-right: 107px;
}

.chandratexto {
	width: 40%;
	height: auto;
	font-family: 'Alef';
	text-align: right;
	color: white;
	font-size: 15px;
	position: absolute;
	right: 100px;
	margin-top: 160px;
}

.vidchandra {
	width: 40%;
	margin-top: 100px;
	border-left: solid #F45764;	
	border-radius: 10px;
	position: absolute;
	left:70px;	
}

/* SMITHSONIAN*/
.smithsonian {
	display: flex;
	width: 100%;
	height: 20%;
	margin-bottom: 153px;
	margin-top: 110px;	
	padding-top: 50px;
	padding-bottom: 100px;
}

.smithtexto {
	width: 40%;
	height: auto;
	font-family: 'Alef';
	text-align: left;
	color: white;
	font-size: 15px;
	position: absolute;
	margin-left: 15px;
	left: 80px;
	margin-top: 110px;
}

.crab3d {
	width: 25%;
	height: auto;
	margin-top: 0px;
	position: absolute;
	right: 180px;
	border-right: solid #F45764;
	border-radius: 10px;
	border-left: solid #F45764;
	border-width: 1px;
	padding-left: 19px;
	padding-right: 31px;
	margin-bottom: 200px;
}

/* DOCUMENTACION */

.documentacion{
	width: 90%;
	height: 700%;
	margin-top: 100px;
}

.rastreocontenedor {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 60px;
}

.titulodocumentacion {
	width: 100%;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 35px;
	margin-bottom: 20px;
	color: #FEC620;
	font-size: 30px;
	font-family: 'Exo';
	text-shadow: 0px 0px 15px #FEC620;
	border-bottom: 2px solid;
	border-bottom-right-radius: 20px;
}

.rastreo {
	width:35%;
	color: #f45866;
	height: auto;
	border-left: solid 2px;
	border-right: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 60px;
}

.textodocumentacion {
	width: 100%;
	vertical-align: center;
	text-align: justify;
	font-weight: lighter;
	font-family: 'Alef';
	line-height: 25px;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 56px;
	color: white;
}
.vidcrab {
	margin-top: 25px;
	margin-bottom: 1000px;
	width: 50%;
	border-left: 2px solid #fec620;
	border-radius: 10px;
	vertical-align: center;
	position: absolute;
}

.archivoscontenedor {
	width: 100%;
	margin-bottom: 50px;
	margin-top: 45%;
}

.archivos {
	width:58%;
	color: #f45866;
	height: auto;
	border-left: solid 2px;
	border-right: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 20px;
}

.modelosajustados {
	width: 41%;
	height: auto;
	margin-top: 25px;
	margin-bottom: 50px;
	position: absolute;
	border-radius: 10px;
}

.vidarchivos {
	width: 35%;
	height: auto;
	margin-top: 30px;
	border-left: solid #F45764;	
	border-radius: 10px;
	position: absolute;
	right: 10%;
}

.textoexperimentacion {
	width: 100%;
	height: 1%;
	vertical-align: center;
	text-align: justify;
	font-weight: lighter;
	font-family: 'Alef';
	line-height: 25px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 56px;
	margin-top: 35%;
	color: white;
}


.paginarchivos {
	color:#a5acca;
}

.textoexperimentacion2 {
width: 100%;
	vertical-align: center;
	text-align: justify;
	font-weight: lighter;
	font-family: 'Alef';
	line-height: 25px;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 56px;
	color: white;	
}

.materiales {
	width: 50%;
	height: auto;
	margin-top: 20px;
	position: absolute;
	left: 30%;
	border-left: solid 2px;
	border-right: solid 2px;
	border-color: #f45866;
	border-radius: 10px;
}

.determinacion1 {
	width:55%;
	color: #f45866;
	height: auto;
	border-left: solid 2px;
	border-right: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 45%;
}

.determinacion {
	width:55%;
	color: #f45866;
	height: auto;
	border-left: solid 2px;
	border-right: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 70px;
}

.pruebacardboard {
	width: 70%;
	height: auto;
	margin-top: 40px;
	border-left: solid 2px;
	border-right: solid 2px;
	border-color: #f45866;
	border-radius: 10px;
	position: absolute;
	left: 240px;
	margin-bottom: 100px;
}

.menuscenarios {width:55%;
	color: #f45866;
	height: auto;
	border-left: solid 2px;
	border-right: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 50%;
}

.moodboard {
	width: 50%;
	height: auto;
	margin-top: 80px;
	margin-bottom: 50px;
	margin-left: 0%;
	border-right: solid red 2px;
	border-radius: 10px;
}

.mockups {
	width: 30%;
	height: auto;
	margin-left: 10%;
	border-radius: 10px;
	margin-bottom: 23%;
}

.mockups2 {
	width: 30%;
	height: auto;
	margin-left: 60%;
	border-radius: 10px;
	margin-top: -20%;
}
.rastreosonidos {
	width:55%;
	color: #f45866;
	height: auto;
	border-left: solid 2px;
	border-right: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 3%;	
}

.rayosx {
	text-align: center;
	width: 100%;
	font-size: 30px;
	vertical-align: center;
	font-weight: lighter;
	font-family: 'Alef';
	line-height: 25px;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 56px;
	color: white;
	
}

.vidxray {
	width: 70%;
	margin-top: 25px;
	border-left: solid #F45764;	
	border-radius: 10px;
	position: absolute;
	left: 200px;
}

.luz {
	text-align: center;
	width: 100%;
	font-size: 30px;
	vertical-align: center;
	font-weight: lighter;
	font-family: 'Alef';
	line-height: 25px;
	padding-left: 0px;
	margin-top: 52%;
	padding-right: 56px;
	color: white;
}

/* UNITY */
.codigosunity{
	margin-top: 50%;
	width: 100%;
}

.vrbox {
	width: 20%;
	height: auto;
	margin-left: 7%;
}

.vrtexto {
	font-family:'Alef';
	color: #FFFFFF;
	text-align: justify;
	vertical-align: center;
	width: 60%;
	float: right;
	font-weight: lighter;
	line-height: 23px;
	margin-top: 5%;
	margin-right: 0px;
	margin-bottom: 160px;
	margin-left: 0px;
}

.vidunity {
	width: 40%;
	margin-top: 22%;
	border-left: solid #F45764;	
	border-radius: 10px;
	position: absolute;
	left: 30%;
}

.codestitle{
	width:100%;
	color:white;
	height: auto;
	border-left: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px grey;
	padding-left: 9px;
	margin-top: 35%;
}

.codes{
	width: 100%;
	vertical-align: center;
	text-align: justify;
	font-weight: lighter;
	font-family: 'Alef';
	line-height: 25px;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 56px;
	color: #a5acca;
	padding-bottom: 4%;
	
}

.game {
	width: 39%;
	height: auto;
	margin-top: 25px;
	margin-bottom: 50px;
	position: absolute;
	border-radius: 10px;
}

.game2 {
	width: 45%;
	height: auto;
	margin-top: 25px;
	margin-bottom: 50px;
	position: absolute;
	right: 5%;
	border-radius: 10px;
}

.piegames {
	width: 100%;
	vertical-align: center;
	text-align: justify;
	font-weight: lighter;
	font-family: 'Alef';
	line-height: 25px;
	padding-left: 0px;
	margin-top: 30%;
	padding-right: 56px;
	color: white;
}

.codes2 {
	width:100%;
	color:white;
	height: auto;
	border-left: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px grey;
	padding-left: 9px;
	margin-top: 33%;
	
}

.vidunity2 {
	width: 40%;
	margin-top: 2%;
	border-left: solid #F45764;	
	border-radius: 10px;
	position: absolute;
	left: 30%;
}

.chatgptext {
	width:100%;
	color:white;
	height: auto;
	border-left: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px grey;
	padding-left: 9px;
}

.chatgpt {
	width: 70%;
	height: auto;
	margin-top: 25px;
	margin-bottom: 50px;
	position: absolute;
	left: 15%;
	border-radius: 10px;
}
.piechatgpt {
	width: 100%;
	vertical-align: center;
	text-align: justify;
	font-weight: lighter;
	font-family: 'Alef';
	line-height: 25px;
	padding-left: 0px;
	margin-top: 25%;
	padding-right: 56px;
	color: white;
}

.colider {
	width: 50%;
	height: auto;
	margin-top: 25px;
	margin-bottom: 50px;
	position: absolute;
	left: 23%;
	border-radius: 10px;
}
/* CONCEPTO */
.conceptualizacion{
	width: 100%;
	margin-top: 37%;
	
}

.conceptitulo {
	width:30%;
	color: #f45866;
	height: auto;
	border-left: solid 2px;
	border-right: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 70px;
}

.planteamiento {
	
	width:30%;
	color: #FEC620;
	height: auto;
	border-left: solid 2px;
	border-radius: 5px;
	margin-left: 20px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 35px;
}

.benchmarking{
	width:20%;
	color: #f45866;
	height: auto;
	border-left: solid 2px;
	border-right: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 90px;
}

.tabla{
	width: 70%;
	height: auto;
	margin-left: 15%;
	border-left: solid #f45866 2px;
	border-right: solid #f45866 2px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 70px;
}

.conclusionestitulo {
	width:20%;
	color: #f45866;
	height: auto;
	border-left: solid 2px;
	border-right: solid 2px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-family: 'Alef';
	text-shadow: 0px 0px 15px #DA0E1F;
	padding-left: 9px;
	margin-top: 1%;
}



/* DESCARGA */

.button {
	font-family:'Exo';
	width: 200px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #631a86;
	color: #631985;
	transition: all 0.3s linear;
	text-shadow: 0px 0px 15px #631985;
}
.button:hover {
	background-color: #631a86;
	color: #FEC620;
	cursor: pointer;
}
.copyright {
	font-family:'Exo';
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #575b75;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
.descargacontendedor {
	background-color: #a5acca;
	padding-top: 60px;
	padding-bottom: 60PX;
	margin-bottom: 0px;
	width: 100%;
	height: 30px;
	background-repeat: repeat;
	margin-top: 57px;
}

.pie {
	font-family:'Alef';
	text-align: center;
	width: 100%;
	margin-top: -40px;
	color: #f45866;	
}

/* Mobile */
@media (max-width: 360px) {
.logo {
	width: 80%;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.container header nav {
	margin-top: 75px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 15px;
	width: 100%;
	float: none;
	overflow: auto;
	display: inline-block;
    background-image: linear-gradient(#310D42,#280A35);
}
header nav ul {
	padding: 0px;
	float: none;
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.text_column {
	width: 100%;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 100%;
}
.footer_column {
	width: 100%;
	margin-top: 0px;
}

.banner {
	background-color: #2D9AB7;
	background-image: none;
}
.tagline {
	margin-top: 20px;
	line-height: 22px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
	
	.titulovideo{
	width: 100%;
	margin-top: 5%;
}

	.videoprevcontenedor{
	height: 50%;
	margin-bottom: 20%;		
	}
	
	.aventura{
	font-size: 35px;	
	text-align: center;
	padding: 0;
	margin-left:0;	
	margin-top: 10px;	
	}
	
	.aventura_description{
	width:95%;
	margin-top: 30px;
	padding-top: 0;
	margin-right: 15px;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-bottom: 5px;
	text-align: justify;
		
	}

	.previa{
	width: 80%;	
	margin-left: 10%;
	margin-top: 65px;
	}
}


/* Small Tablets */
@media (min-width: 360px)and (max-width: 767px) {

	body{
	width: 100%;
	}
	
.logo {
	width: 30%;
	margin-top: 15px;
	margin-bottom: 100px;
	margin-left: 30%;
  	display: block;
	
}
.container header nav {
	margin-top: 75px;
	margin-right: 0px;
	margin-bottom: px;
	margin-left: 0px;
	padding-bottom: 15px;
	width: 100%;
	float: none;
	overflow: auto;
	display: inline-block;
    background-image: linear-gradient(#310D42,#280A35);
}
header nav ul {
	padding: 0px;
	float: none;
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.text_column {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	
.titulovideo{
	width: 100%;
	margin-top: 5%;
}

	.videoprevcontenedor{
	height: 50%;
	margin-bottom: 20%;		
	}
	
	.aventura{
	font-size: 35px;	
	text-align: center;
	padding: 0;
	margin-left:0;	
	margin-top: 10px;	
	}
	
	.aventura_description{
	width:95%;
	margin-top: 80px;
	padding-top: 0;
	margin-right: 15px;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-bottom: -10px;
	text-align: justify;
		
	}

	.previa{
	width: 80%;	
	margin-left: 10%;
	margin-top: 35px;
	}
	
	.containertripulacion{
		margin-top: 20%;
	}
	
	.containermotores{
		margin-top: 20%;
	}
	
	.vidchandra{
		width: 75%;
	}
	
	.chandratexto{
	width:80%;
	margin-top: 60%;
	text-align: justify;
		
	}
	
	.smithsonian{
	margin-top: 50%;	
		
	}
	
	.crab3d {
		margin-top: 7%;
		position: absolute;
		left: 36%;
		
	}
	.smithtexto{
	width:80%;
	margin-top: 40%;
	text-align: justify;
	
	}
	
	.smithsonian{
		margin-bottom: 33%;
	}
	
.footer_column {
	width: 100%;
	margin-top: 0px;
	}

.banner {
	padding-left: 20px;
	padding-right: 20px;
}
.footer_column {
	width: 100%;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
	.logo{
		margin-top: 4%;
		margin-bottom: 10px;
	}
	
	.titulovideo {
		margin-top: 50px;
		margin-bottom: 10px;
	}
	
	.videoprevcontenedor{
	height: 50%;
	margin-bottom: 20%;		
	}
	
	.aventura{
	font-size: 30px;	
	text-align: center;
	padding: 0;
	margin-left:0;	
	margin-top: 3%;	
	padding-top: 3%;
	}
	
	.aventura_description{
	width:95%;
	margin-top: 80px;
	padding-top: 0;
	margin-right: 15px;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-bottom: -10px;
	text-align: justify;
		
	}

	.previa{
	width: 80%;	
	margin-left: 10%;
	}
	
	.textoexperimentacion{
		margin-top: 35%;
	}
	
	.determinacion1{
		margin-top: 45%;
	}
	
	.rastreosonidos{
		margin-top: 45%;
	}
	
	.conceptualizacion{
		
		margin-top: 33%;
	}
	
	.codigosunity{
		margin-top: 50%;
	}
	
	.vidunity{
		margin-top: 33%;
	}
	
	.codestitle{
		margin-top: 45%;
		
	}
}

/* Big Desktops */
@media (min-width: 1096px){
	.logo{
		position: absolute;
		top:-1.5%;
	}
	
	
	.titulovideo {
		margin-top: 50px;
		margin-bottom: 10px;
	}
	
	.videoprevcontenedor{
		margin-top: 50px;
		
	}
	
	.videoprevcontenedor{
	margin-bottom: 10%;		
	}
	
	.aventura{
	font-size: 30px;	
	text-align: center;
	padding: 0;
	margin-left:0;	
	margin-top: 3%;	
	padding-top: 3%;
	}
	
	.aventura_description{
	width:95%;
	margin-top: 6%;
	padding-top: 0;
	margin-right: 15px;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin-bottom: 5%;
	text-align: justify;
		
	}

	.previa{
	width: 50%;	
	margin-left: 25%;
	}

}