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

@media screen and (max-width: 700px){
	body{
		background:url(../img/about-us.jpg)no-repeat center center fixed;
	background-size:cover;
	background-position:center;	
	}
	
	#gasper-menu{
		width:100%;
		height:47vw;
		/*background:blue;	*/
	}
	
	
	.Atitulo{
		width:100%;
		height:auto;
		text-align:center;
		padding-top:10vw;
		/*background:blue;	*/
	}
	
	.Atitulo h1{
		padding:0;
		margin:0;
		font-size:20vw;
		color:#FFF;	
	}
	
	.Atexto{
		width:100%;
		height:auto;
		padding:0;
		margin:0;
		/*background:red;*/
	}
	
	.about{
		font-size:22vw;
		font-weight:bold;
		color:#FFF;	
	}
	
	.Atexto p{
		padding:0;
		margin:0;
		padding:0 10%;
		font-family: 'News Cycle', sans-serif;
		text-align:justify;
		font-size:4.5vw;
		color:#FFF;
	}
}

@media screen and (min-width: 701px){
	body{
		background:url(../img/about-us.jpg)no-repeat center center fixed;
	background-size:cover;
	background-position:center;	
	}
	
	#gasper-menu{
		width:100%;
		height:15vw;
		/*background:blue;	*/
	}
	
	.Atitulo{
		width:100%;
		height:auto;
		text-align:center;
		padding-top:35vw;
		/*background:blue;	*/
	}
	
	.Atitulo h1{
		padding:0;
		margin:0;
		font-size:16vw;
		color:#FFF;	
	}
	
	
	.Atexto{
		width:100%;
		height:auto;
		padding:0;
		margin:0;
		/*background:red;*/
	}
	
	.about{
		font-size:16vw;
		font-weight:bold;
		color:#FFF;	
	}
	
	.Atexto p{
		padding:0;
		margin:0;
		padding:0 10%;
		font-family: 'News Cycle', sans-serif;
		text-align:justify;
		font-size:3vw;
		color:#FFF;
	}
}

@media only screen and (orientation: landscape) {
	body{
		background:url(../img/about-web.jpg)no-repeat center center fixed;
	background-size:cover;
	background-position:center;		
	}
	
	#gasper-menu{
		width:100%;
		height:8vw;
		/*background:blue;	*/
	}
	
	.Atitulo{
		width:100%;
		height:auto;
		padding:0;
		margin-top:12%;
		/*background:blue;	*/
	}
	
	.Atitulo h1{
		padding:0;
		margin:0 33%;
		font-size:7vw;
		color:#FFF;	
	}
	
	
	.Atexto{
		width:100%;
		height:auto;
		padding:0;
		margin:0;
	}
	
	.Atexto p{
		padding:0;
		margin:0;
		padding:0 25%;
		font-family: 'News Cycle', sans-serif;
		text-align:justify;
		font-size:1.6vw;
		color:#FFF;
		/*background:yellow;*/
	}
}

@media screen and (min-width: 1280px){
	body{
		background-image:url(../img/about-web.jpg) no-repeat center center fixed;
		background-size:cover;
		background-position:center;		
	}
	
	#gasper-menu{
		width:100%;
		height:5vw;
		/*background:blue;	*/
	}
	
	.Atitulo{
		width:100%;
		height:auto;
		padding:0;
		margin-top:12%;
		/*background:blue;	*/
	}
	
	.Atitulo h1{
		padding:0;
		margin:0 33%;
		font-size:5.5vw;
		color:#FFF;	
	}
	
	
	.Atexto{
		width:100%;
		height:auto;
		padding:0;
		margin:0;
	}
	
	.Atexto p{
		padding:0;
		margin:0;
		padding:0 37%;
		font-family: 'News Cycle', sans-serif;
		text-align:justify;
		font-size:1.1vw;
		color:#FFF;
		/*background:yellow;*/
	}
}

@media screen and (min-width: 1920px){
	body{
		background:url(../img/about-web.jpg) no-repeat center center fixed;
		background-size:cover;
		background-position:center;		
	}
	
	.Atitulo{
		width:100%;
		height:auto;
		margin-top:13%;
		/*background:blue;	*/
	}
	
	.Atitulo h1{
		padding:0;
		margin:0 33%;
		font-size:5.5vw;
		color:#FFF;	
	}
	
	
	.Atexto{
		width:100%;
		height:auto;
		padding:0;
		margin:0;
	}
	
	.Atexto p{
		padding:0;
		margin:0;
		padding:0 37%;
		font-family: 'News Cycle', sans-serif;
		text-align:justify;
		font-size:1.3vw;
		color:#FFF;
		/*background:yellow;*/
	}
}