
@media screen and (max-width: 992px){
	#navigation>ul>li>a {
    letter-spacing: 1px;


}

@media screen and (max-width: 815px){
	h1.tituloInicio{
	   width: 557px !important;
	 }

	.registroDatos{
		width: 640px;
	}

	.textoIndexx{
		font-size: 17px !important;
		width: 570px !important;
	}

	.space-medium {
    	padding-top: 50px;
    	padding-bottom: 50px;
	}
}

@media screen and (max-width: 768px){

	.textoConcepto{
	padding-top: 0px;
	}

	.page-header {
    text-align: center;

	}

	.inicioSesionBoton{
		width: 100% !important;
	}

	#navigation.small-screen #menu-button {
    background-color: #ff9800;
    border: 1px solid #fff;
}

	#navigation.small-screen ul li a, #navigation.small-screen ul ul li a {
    background-color: #7b4d09;
    color: #fff;
}

	.menu {
    width: 100%;
    text-align: center;
}
	.post-block{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
    }

    .btn-lg{
    	display: none!important;
    }

    .footer-widget{
    	text-align: center;
    }

    .footer-widget .form-control{
    	text-align: center;
    }

    .footer-widget ul li a{
    	margin-left: 0px;
    }
}

@media screen and (max-width: 700px){
	.registroDatos{
		width: 560px;
	}

	.selectImagen{
		font-size: 13px !important;
	}
}

@media screen and (max-width: 600px){
	.tituloResponsivo{
		font-size: 21px;
	}

	.textoIndexx{
		width: 450px !important;
	}

	h1.tituloInicio{
	   width: 400px !important;
	 }

	.registroDatos{
		width: 360px;
	}

	.datosPersonales{
		float: none;
		width: 100%;
	}

	.datosPersonales input{
		width: 300px;
	}

	.datosPersonales textarea{
		width: 300px;
	}

	.selectPais{
		width: 300px !important;
	}
}

@media screen and (max-width: 540px){
	.textoIndexx {
    	width: 410px !important;
	}

	.buscarEspec{
		width: 390px;
		font-size: 24px;
	}

	.buscarAnfitriones{
		width: 390px;
		font-size: 24px;
	}

	.buscarArtistas{
		width: 390px;
		font-size: 24px;
	}

	.bajadaPreg {
    font-size: 40px;
	}

	.bajadaPregAnf{
		font-size: 40px;
	}

	.bajadaPregEspec{
		font-size: 40px;
	}
}

@media screen and (max-width: 430px){
	.textoRoles{
		font-size: 21px;
	}

	.textoIndexx {
    	width: 360px !important;
	}

	.tituloResponsivo{
		font-size: 20px;
	}

	.buscarEspec{
		width: 330px;
    	font-size: 20px;
	}

	.buscarAnfitriones{
		width: 330px;
    	font-size: 20px;
	}

	.buscarArtistas{
		width: 330px;
    	font-size: 20px;
	}
}

@media screen and (max-width: 380px){
	.textoIndexx{
		width: 300px !important;
	}

	.botonRegistrarse{
		padding: 12px!important;
    	font-size: 12px!important;
	}
}




