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

@media screen and (max-width: 700px){
	body{
		background:url(../img/find-contac-us.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:15vw;
		color:#FFF;	
	}
	
	#Fwaper{
		width:100%;
		height:auto;
	font-family: 'Open Sans Condensed', sans-serif;
		/*background:red;	*/
	}
	
	#Fwaper p{
		color:#FFF;
		padding:0 10%;
		text-align:justify;
		font-size:4.5vw;
	}
	
	.formulario{
		width:100%;
		height:auto;
		margin-bottom:15%;
		/*background:blue;	*/
	}
	
	.campos{
		width:78%;
		padding:2% 2%;
		margin:2% 9%;
		border:none;
		border-radius:5px;
		background:rgba(255,255,255,0.3);
	}
	
	input{
		color:#FFF;	
	}
	
	input::placeholder{
		color:#FFF;
		z-index:-999;	
	}
	
	textarea{
		height:200px;
		resize:none;
		color:#FFF;
	}
	
	textarea::placeholder{
		color:#FFF;
	}
	
	button[type="submit"] {
	font-family: 'Open Sans Condensed', sans-serif;
		font-weight:bold;	
		cursor:pointer;
		width:25%;
		border:none;
		border-radius:5px;
		background:#FFF;
		color:#A55F36;
		margin:0 37.5%;
		padding:2% 0;
		letter-spacing:1vw;
		font-size:6vw;
}
	.ubicacion-dire{
		width:80%;
		height:25vw;
		margin:auto;
		margin-bottom:10%;
		/*background:red;*/
	}
	
	.ubicacion-dire p{
		padding:0;
		margin:0;
	}
	
	.logitos{
		width:15%;
		float:left;
		/*background:red;	*/
	}
	
	.logitos img{
		width:100%;	
	}
	
	.Finfo{
		width:85%;
		height:auto;
		float:right;
		/*background:blue;	*/
	}
	
	.Finfo a{
		color:#FFF;
		text-decoration:none;	
	}
	
	.icon-location{
		font-size:12vw;			
	}
	
	.icon-phone{
		font-size:12vw;			
	}
	
	#mapita{
		width:80%;
		height:auto;
		margin:auto;
		margin-bottom:10%;
		/*background:red;	*/
	}

}

@media screen and (min-width: 701px){
	body{
		background:url(../img/find-contac-us.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;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:15vw;
		color:#FFF;	
	}
	
	#Fwaper{
		width:100%;
		height:auto;
	font-family: 'Open Sans Condensed', sans-serif;
		/*background:red;	*/
	}
	
	.formulario p{
		color:#FFF;
		padding:0 10%;
		text-align:justify;
		font-size:3vw;
	}
	
	.formulario{
		width:100%;
		height:auto;
		margin-bottom:15%;
		/*background:blue;	*/
	}
	
	.campos{
		width:78%;
		padding:2% 2%;
		margin:2% 9%;
		border:none;
		border-radius:5px;
		font-size:3vw;
		background:rgba(255,255,255,0.3);
	}
	
	input{
		color:#FFF;	
	}
	
	input::placeholder{
		color:#FFF;
		z-index:-999;	
	}
	
	textarea{
		height:200px;
		resize:none;
		color:#FFF;
	}
	
	textarea::placeholder{
		color:#FFF;
	}
	
	button[type="submit"] {
	font-family: 'Open Sans Condensed', sans-serif;
		font-weight:bold;	
		cursor:pointer;
		width:25%;
		border:none;
		border-radius:5px;
		background:#FFF;
		color:#A55F36;
		margin:0 37.5%;
		padding:1% 0;
		letter-spacing:1vw;
		font-size:4.5vw;
}
	.ubicacion-dire{
		width:80%;
		height:10vw;
		margin:auto;
		margin-bottom:10%;
		/*background:red;*/
	}
	
	.ubicacion-dire p{
		color:#FFF;
		padding:0 10%;
		text-align:justify;
		font-size:3vw;
	}
	
	.logitos{
		width:15%;
		float:left;
		/*background:red;	*/
	}
	
	.Finfo{
		width:85%;
		height:auto;
		float:right;
		/*background:blue;	*/
	}
	
	.Finfo p{
		padding:0;
	}
	
	.Finfo a{
		color:#FFF;
		text-decoration:none;	
	}
	
	.icon-location{
		font-size:10vw;			
	}
	
	.icon-phone{
		font-size:10vw;			
	}
	
	#mapita{
		width:80%;
		height:80vw;
		margin:auto;
		margin-bottom:10%;
		/*background:red;	*/
	}

}

@media only screen and (orientation: landscape) {
body{
		background:url(../img/find-contac-us.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;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:6vw;
		color:#FFF;	
	}
	
	
	#Fwaper{
		width:84%;
		height:auto;
		margin-top:3%;
		margin-left:16%;
		font-family: 'Open Sans Condensed', sans-serif;
		background:red;
	}
	
	.formulario p{
		color:#FFF;
		padding:0 10%;
		text-align:justify;
		font-size:1.6vw;
	}
	
	.formulario{
		width:50%;
		height:auto;
		margin-bottom:0%;
		float:left;
		/*background:blue;	*/
	}
	
	.campos{
		width:78%;
		padding:1.3% 2%;
		margin:2% 9%;
		border:none;
		border-radius:5px;
		font-size:1.6vw;
		background:rgba(255,255,255,0.3);
	}
	
	input{
		color:#FFF;	
	}
	
	input::placeholder{
		color:#FFF;
		z-index:-999;	
	}
	
	textarea{
		height:130px;
		resize:none;
		color:#FFF;
	}
	
	textarea::placeholder{
		color:#FFF;
	}
	
	button[type="submit"] {
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight:bold;	
		cursor:pointer;
		width:20%;
		border:none;
		border-radius:5px;
		background:#FFF;
		color:#A55F36;
		margin:0 37.5%;
		padding:1% 0;
		letter-spacing:0.5vw;
		font-size:1.5vw;
}

	#ubicacion{
		width:50%;
		height:auto;
		float:right;	
	}

	.ubicacion-dire{
		width:80%;
		height:4.5vw;
		margin:auto;
		margin-bottom:0%;
		/*background:red;*/
	}
	
	.ubicacion-dire p{
		color:#FFF;
		padding:0 10%;
		text-align:justify;
		font-size:1.1vw;
	}
	
	.logitos{
		width:15%;
		height:4.5vw;
		float:left;
		padding:0;
		margin:0;
		text-align:center;
		/*background:red;*/
	}
	
	.logitos img{
		width:100%;
		height:auto;	
		padding:0;
		margin:0;
	}
	
	.Finfo{
		width:85%;
		height:auto;
		float:right;
		/*background:blue;	*/
	}
	
	.Finfo p{
		padding:0;
	}
	
	.Finfo a{
		color:#FFF;
		text-decoration:none;	
	}
	
	.icon-location{
		font-size:2.5vw;			
	}
	
	.icon-phone{
		font-size:2.5vw;			
	}
	
	#mapita{
		width:60%;
		height:18vw;
		margin:auto;
		margin-bottom:10%;
		/*background:red;	*/
	}
}

@media screen and (min-width: 1280px){
	body{
		background:url(../img/find-contac-us.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;
		/*background:red;	*/
	}
		
	.Ttitulo h1{
		margin:0;
		padding:0;
		font-size:6vw;
		color:#FFF;	
	}
	
	
	#Fwaper{
		width:84%;
		height:auto;
		margin-left:16%;
		font-family: 'Open Sans Condensed', sans-serif;
		background:red;
	}
	
	.formulario p{
		color:#FFF;
		padding:0 10%;
		text-align:justify;
		font-size:1.1vw;
	}
	
	.formulario{
		width:50%;
		height:auto;
		margin-bottom:0%;
		float:left;
		/*background:blue;	*/
	}
	
	.campos{
		width:78%;
		padding:1.3% 2%;
		margin:2% 9%;
		border:none;
		border-radius:5px;
		font-size:1vw;
		background:rgba(255,255,255,0.3);
	}
	
	input{
		color:#FFF;	
	}
	
	input::placeholder{
		color:#FFF;
		z-index:-999;	
	}
	
	textarea{
		height:130px;
		resize:none;
		color:#FFF;
	}
	
	textarea::placeholder{
		color:#FFF;
	}
	
	button[type="submit"] {
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight:bold;	
		cursor:pointer;
		width:20%;
		border:none;
		border-radius:5px;
		background:#FFF;
		color:#A55F36;
		margin:0 37.5%;
		padding:1% 0;
		letter-spacing:0.5vw;
		font-size:1.5vw;
}

	#ubicacion{
		width:50%;
		height:auto;
		float:right;	
	}

	.ubicacion-dire{
		width:80%;
		height:4.5vw;
		margin:auto;
		margin-bottom:0%;
		/*background:red;*/
	}
	
	.ubicacion-dire p{
		color:#FFF;
		padding:0 10%;
		text-align:justify;
		font-size:1.1vw;
	}
	
	.logitos{
		width:15%;
		height:4.5vw;
		float:left;
		padding:0;
		margin:0;
		/*background:red;	*/
	}
	
	.logitos img{
		width:100%;
		height:auto;	
		padding:0;
		margin:0;
	}
	
	.Finfo{
		width:85%;
		height:auto;
		float:right;
		/*background:blue;	*/
	}
	
	.Finfo p{
		padding:0;
	}
	
	.Finfo a{
		color:#FFF;
		text-decoration:none;	
	}
	
	.icon-location{
		font-size:2.5vw;			
	}
	
	.icon-phone{
		font-size:2.5vw;			
	}
	
	#mapita{
		width:60%;
		height:18vw;
		margin:auto;
		margin-bottom:10%;
		/*background:red;	*/
	}
}

@media screen and (min-width: 1920px){
	.Ttitulo{
		line-height:12vw;
	}
}