@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 700px){
	/*body{
		width:100%;
		height:100vh;
		background-image:url(../img/index-cel.jpg);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;	
	}*/
	.gasper-index{
		width:100%;
		height:60vh;
		/*background:blue;*/
	}
	
	.Itexto{
		font-family: 'Titillium Web', sans-serif;
		width:100%;
		height:28vh;
		text-align:center;
		position:absolute;
		z-index:999;
		/*background:green;	*/
	}
	
	.Itexto p{
		height:auto;
		padding:0;
		margin:0;
		line-height:9vw;
		color:#FFF;
	}
	
	#best{
		font-size:16vw;	
	}
	
	#experience{
		font-size:12.5vw;
		font-weight:900;
	}
	
	#mexico{
		padding-left:2.5vw;
		font-size:8.5vw;
		text-align:center;
	}
}

@media screen and (min-width: 701px){
	/*body{
		width:100%;
		height:100vh;
		background-image:url(../img/index-cel.jpg);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;	
	}*/
	#gasper-menu{
		display:none;	
	}
	
	.gasper-index{
		width:100%;
		height:60vh;
		/*background:blue;	*/
	}
	
	.Itexto{
		font-family: 'Titillium Web', sans-serif;
		width:100%;
		height:28vh;
		text-align:center;
		position:absolute;
		z-index:999;
		/*background:green;	*/
	}
	
	.Itexto p{
		height:auto;
		padding:0;
		margin:0;
		line-height:7vw;
		color:#FFF;
	}
	
	#best{
		font-size:11vw;	
	}
	
	#experience{
		font-size:8.5vw;
		font-weight:900;
	}
	
	#mexico{
		font-size:5.7vw;
	}
}

@media only screen and (orientation: landscape) {
	/*body{
		width:100%;
		height:100vh;
		background-image:url(../img/index-web.jpg);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;	
	}*/
	
	body{
		overflow:hidden;	
	}
	
	#gasper-menu{
		width:100%;
		height:0;
		/*background:blue;	*/
	}
	
	.gasper-index{
		width:100%;
		height:60vh;
		/*background:blue;*/
	}
	
	.Itexto{
		font-family: 'Titillium Web', sans-serif;
		width:40%;
		height:auto;
		position:absolute;
		right:0;
		text-align:center;
		/*background:green;	*/
	}
	
	.Itexto p{
		height:auto;
		padding:0;
		margin:0;
		line-height:3vw;
		color:#FFF;
	}
	
	#best{
		font-size:3.2vw;
	}
	
	#experience{
		font-size:4.5vw;
		font-weight:900;
		letter-spacing:0.2vw;
	}
	
	#mexico{
		font-size:3.2vw;
	}
}


@media screen and (min-width: 1280px){
	/*body{
		width:100%;
		height:100vh;
		background-image:url(../img/index-web.jpg);
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;	
	}*/
	
	body{
		overflow:hidden;	
	}
	
	#gasper-menu{
		width:100%;
		height:0;
		/*background:blue;	*/
	}
	
	.gasper-index{
		width:100%;
		height:60vh;
		/*background:blue;*/
	}
	
	.Itexto{
		font-family: 'Titillium Web', sans-serif;
		width:40%;
		height:auto;
		position:absolute;
		right:0;
		text-align:center;
		/*background:green;	*/
	}
	
	.Itexto p{
		height:auto;
		padding:0;
		margin:0;
		line-height:3vw;
		color:#FFF;
	}
	
	#best{
		font-size:6vw;
	}
	
	#experience{
		font-size:4.3vw;
		font-weight:900;
		letter-spacing:0.2vw;
	}
	
	#mexico{
		font-size:3.2vw;
	}
}


@media screen and (min-width: 1920px){
	
	.gasper-index{
		width:100%;
		height:60vh;
		/*background:blue;	*/
	}
}