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

@media screen and (max-width: 700px){
	body{
		background:url(../img/accommodations.png) 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:15vw;
		color:#FFF;	
	}
	
	.Awaper{
		width:100%;
		height:auto;
		font-family: 'News Cycle', sans-serif;
		margin-bottom:3%;
		/*background:gray;	*/
	}
	
	.Awaper p{
		font-size:5vw;
		padding:0 8%;
		color:#FFF;
		text-align:justify;
	}
	
}

@media screen and (min-width: 701px){
	body{
		background:url(../img/accommodations.png) 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;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:15vw;
		color:#FFF;	
	}
	
	.Awaper{
		width:100%;
		height:auto;
		font-family: 'News Cycle', sans-serif;
		margin-bottom:10%;
		/*background:gray;	*/
	}
	
	.Awaper p{
		font-size:3vw;
		padding:0 10%;
		color:#FFF;
		text-align:justify;
	}
	
}
@media only screen and (orientation: landscape) {
	body{
		background:url(../img/accommodations.png) 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;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:6vw;
		color:#FFF;	
	}
	
	.Awaper{
		width:100%;
		height:auto;
		font-family: 'News Cycle', sans-serif;
		margin-bottom:0;
		/*background:gray;	*/
	}
	
	.Awaper p{
		font-size:1.6vw;
		padding:0 20%;
		color:#FFF;
		text-align:justify;
	}
	
	
}

@media screen and (min-width: 1280px){
	body{
		background:url(../img/accommodations.png) 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;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:5.5vw;
		color:#FFF;	
	}
	
	.Awaper{
		width:100%;
		height:auto;
		font-family: 'News Cycle', sans-serif;
		margin-bottom:0;
		/*background:gray;	*/
	}
	
	.Awaper p{
		font-size:1.1vw;
		padding:0 28%;
		color:#FFF;
		text-align:justify;
	}
	
}