@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 700px){
	body{
		background:url(../img/FAQ-web.jpg) no-repeat center center fixed;
		background-size:cover;
		background-position:center;		
	}
	
	#gasper-menu{
		width:100%;
		height:47vw;
		/*background:blue;	*/
	}
	.Ttitulo{
		width:100%;
		height:auto;
		padding-top:10vw;
		text-align:center;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:20vw;
		color:#FFF;	
	}
	
	#Gwaper{
		width:100%;
		height:auto;
		/*background:pink;*/
	}

	.Gportada{
		width:75vw;
		height:80vw;
		margin:0;
		padding:0;
		margin:auto;
		padding-bottom:7%;
	}
	
	
	.Gportada a{
		text-decoration:none;
		color:#FFF;	
	}
	
	.cajita{
		width:75vw;
		height:70vw;
		margin:0;
		padding:0;
		display:inline-block;
		overflow:hidden;
		cursor:pointer;
		/*background:blue;*/
	}

	.example-image-link{
		padding:0;
		margin:0;
			
	}
	
	.cajita img{
		display:inline-block;
	}
	
	.year{
		width:100%;
		height:10vw;
		padding:0;
		margin:0;
		background:rgba(0,0,0,0.5);
	}
	
	.year p{
		padding:0;
		margin:0;
		text-align:center;
		font-size:8vw;
		line-height:10vw;
		color:#FFF;	
	}
}

@media screen and (min-width: 701px){
	body{
		background:url(../img/FAQ-web.jpg) no-repeat center center fixed;
		background-size:cover;
		background-position:center;		
	}
	
	#gasper-menu{
		width:100%;
		height:15vw;
		/*background:blue;	*/
	}
	.Ttitulo{
		width:100%;
		height:auto;
		padding-top:15vw;
		text-align:center;
		line-height:18vw;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:15vw;
		color:#FFF;	
	}
	
	#Gwaper{
		width:100%;
		height:auto;
		/*background:red;	*/
	}


	.Gportada{
		width:48vw;
		height:51vw;
		margin:auto;
		/*background:red;	*/
	}
	
	.Gportada a{
		text-decoration:none;
		color:#FFF;	
	}
		
	.cajita{
		width:48vw;
		height:45vw;
		margin-right:2%;
		display:inline-block;
		overflow:hidden;
		cursor:pointer;	
		/*background:blue;*/
	}
	
	.cajita img{
		display:inline-block;
	}

	.year{
		width:100%;
		height:6vw;
		padding:0;
		margin:0;
		background:rgba(0,0,0,0.5);	
	}
	
	.year p{
		padding:0;
		margin:0;
		text-align:center;
		font-size:5vw;
		line-height:6vw;	
	}
}

@media only screen and (orientation: landscape) {
	body{
		background:url(../img/FAQ-web.jpg) no-repeat center center fixed;
		background-size:cover;
		background-position:center;		
	}
	
	#gasper-menu{
		width:100%;
		height:8vw;
		/*background:blue;	*/
	}
	.Ttitulo{
		width:100%;
		height:auto;
		padding-top:0;
		line-height:9vw;
		text-align:center;
		margin-bottom:2%;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:6vw;
		color:#FFF;	
	}
#Gwaper{
	width:82%;
	height:auto;
	margin-left:18%;
	/*background:red;	*/
}

.Gportada{
	width:15vw;
	height:19vw;
	margin-right:2%;
	display:inline-block;
	/*background:red;	*/
}

.example-image-link{
	padding:0;
	margin:0;		
}

.cajita{
	width:15vw;
	height:15vw;
	margin-right:2%;
	display:inline-block;
	overflow:hidden;
	cursor:pointer;	
}


.cajita img{
	display:inline-block;
}

.year{
	width:100%;
	height:3vw;
	padding:0;
	margin:0;
	/*background:green;	*/
}

.year p{
	padding:0;
	margin:0;
	text-align:center;
	font-size:2vw;
	line-height:3vw;	
}

}

@media screen and (min-width: 1280px){
	body{
		background:url(../img/FAQ-web.jpg) no-repeat center center fixed;
		background-size:cover;
		background-position:center;		
	}
	
	#gasper-menu{
		width:100%;
		height:5vw;
		/*background:blue;	*/
	}
	.Ttitulo{
		width:100%;
		height:auto;
		padding-top:0;
		line-height:9vw;
		text-align:center;
		margin-bottom:2%;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:5.5vw;
		color:#FFF;	
	}
	
#Gwaper{
	width:84%;
	height:auto;
	margin-left:16%;
	/*background:red;	*/
}

.Gportada{
	width:18vw;
	height:16vw;
	margin-right:2%;
	display:inline-block;
	/*background:red;	*/
}


.cajita{
	width:18vw;
	height:18vw;
	margin:0;
	padding:0;
	margin-right:2%;
	display:inline-block;
	overflow:hidden;
	cursor:pointer;
	/*background:blue;	*/
}

.example-image-link{
	padding:0;
	margin:0;
		
}

.cajita img{
	display:inline-block;
}

.year{
	width:100%;
	height:3vw;
	padding:0;
	margin:0;
	background:rgba(0,0,0,0.5)	
}

.year p{
	padding:0;
	margin:0;
	text-align:center;
	font-size:2vw;
	line-height:3vw;	
}
}