/* CSS Document */


@media (max-width: 767px) {
	
	@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');


	html, body, .container-fluid {
		height:100%;	
	}
	
	body {
		background: url(/images/fondo-landing-mobile.jpg) no-repeat top center;
		background-size: cover;		
	}
	
	
	h1 {
		text-transform:none;
		font-family:Verdana, Geneva, sans-serif;
		font-weight:100;
		color: #494949;
		font-size:30px;
		margin-bottom: 6px;
		margin-top: 0px;
    	padding-top: 20px;
	}
	
	.landing-header, #footer, .landing-fondo, .landing-titulo, .landing-options {
		display:none;
	}
	
	.landing-body {
		height:100%;	
	}
	
	.landing-body-mobile {
		width:100%;
		height:100%;
		text-align:center;
	}
	
	.subtitulo1 {
		color: #fff;
		font-size:14px;
	}
	
	.subtitulo2 {
		color: #fff;
		font-size:19px;
		text-shadow: #aaa 1px 1px 2px;
	}
	
	.landing-body-mobile-buttons {
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		position: absolute;
		top: 58%;
		left: 50%;
		width:100%;
	}
	
	.btn-default {
		width:200px;
		color:#fff;	
		padding:16px;
		margin:20px 0px;
		font-size:19px;
	}
	
	.btn-voluntariado {
		background-color:#FF6700;
	}
	
	.btn-empleo {
		background-color:#67CC25;
	}
	
	.logo-footer {
		position:absolute;
		bottom:20px;
		left:20px;
	}









}