@media only screen and (min-width: 10px) and (max-width: 319px){ 
    .cookiesms{
		bottom:-150px !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 368px){ 
    .cookiesms{
		bottom:-150px !important;
	}
}

@media only screen and (min-width: 369px) and (max-width: 500px){ 
    .cookiesms{
		bottom:-110px !important;
	}
}

@media only screen and (min-width: 501px) and (max-width: 593px){
    .cookiesms{
		bottom:-110px !important;
	}
}

@media only screen and (min-width: 594px) and (max-width: 1024px){
    .cookiesms{
		bottom:-80px !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 479px){ 
	.tlo2{
		font-size: 12px !important;
	}
	.bground {
		height: 100%;
		background-image: url("../img/fondo_inicial2.jpg");
		background-size:130%;
	}

	
	.titleportada h1 {
		font-size:20px;
		line-height:25px !important;
	}

	.ample {
		margin-top: 13em !important;
	}
	

	.header ul.nav {
	    float: none !important;
	    margin: 0;
	}

	.header .navbar-nav li a {
		    padding: 10px 4px 10px !important;
	}

	.copy {
		font-size:14px;
	}

	.contactoForm{
		margin-bottom:12em !important;
	}

	#pie{
		position:static !important;
	}

	.label_answers{
		margin-right:-20px;
		font-size:8px !important;
	}

	.graficos_2da_ronda{
		height:max-content !important;
	}

	.navbar-brand{
		padding-top: 0px;
		line-height: 65px;
	}
	.navbar {	
		padding-top: 5px;
	}
	.copyright {
		height: 80px;
	}
}


/* SMALL PHONES */
@media only screen and (min-width: 480px) and (max-width: 767px){ 
	.bground {
		height: 100%;
	}

	.titleportada h1 {
		font-size:20px;
	}

	.header ul.nav {
	    float: none !important;
	    margin: 0;
	}

	.header .navbar-nav li a {
		    padding: 10px 4px 10px !important;
	}

	input[type=radio], input[type=checkbox] {
	    border-radius: 8px !important;
	}

	.contactoForm{
		margin-bottom:12em !important;
	}

	.copyright {
		height: 80px;
	}
	
}

/*iPhone 6 landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 

	.bground {
		height: 600px !important;
	}

	input[type=radio], input[type=checkbox] {
	    border-radius: 8px !important;
	}

	.lectura {
		margin-bottom: 10em!important;
	}

	.contactoForm{
		margin-bottom:12em !important;
	}

	.copyright {
		height: 80px;
	}

}

/* SMALL PHONES LANDSCAPE*/

@media only screen and (min-width: 480px) and (max-width: 640px) and (min-height: 320px) and (max-height: 373px){ 
	.bground {
		height: 500px !important;
	}

	.titleportada h1 {
			font-size:18px;
	}

	input[type=radio], input[type=checkbox] {
	    border-radius: 8px !important;
	}

	.lectura {
		margin-bottom: 10em!important;
	}

	.contactoForm{
		margin-bottom:12em !important;
	}
	.copyright {
		height: 80px;
	}

}



/* big phones LANDSCAPE */
@media only screen and (min-width: 667px) and (max-width: 823px) and (min-height: 374px) and (max-height: 450px){ 
	.bground {
		height: 600px !important;
	}

	.titleportada h1 {
			font-size:18px;
	}

	.login-signup-page form {
		margin-bottom:4em !important;
	}

	.c-desktop-logo{
		display:none !important;
	}

	input[type=radio], input[type=checkbox] {
	    border-radius: 8px !important;
	}

	.lectura {
		margin-bottom: 10em!important;
	}

	.contactoForm{
		margin-bottom:12em !important;
	}

	#pie {
		position: static !important;
	}

	.copyright {
		height: 80px;
	}


}

/* Iphone X Pixel 2X LANDSCAPE */
@media only screen and (min-width: 810px) and (max-width: 823px) and (min-height: 374px) and (max-height: 411px){ 
	.bground {
		height: 600px !important;
	}

	.titleportada h1 {
			font-size:18px;
	}

	.login-signup-page form {
		margin-bottom:4em !important;
	}

	.logores {
		display:none;
	}

	.header .navbar-nav li a {
		padding: 10px 4px 10px !important;
	}

	input[type=radio], input[type=checkbox] {
	    border-radius: 8px !important;
	}

	.contactoForm{
		margin-bottom:12em !important;
	}


}



@media only screen and (min-width: 768px) and (max-width: 991px) and (min-height: 700px) and (max-height: 1024px){ 
	.bground {
		height: 87% !important;
		background-image: url("../img/fondo_inicial2.jpg");
		background-size:100%;
	}

	.logores {
		display:none;
	}

	.entradaBody {
		margin-bottom:10em !important;
	}

	.header .navbar-nav li a {
		padding: 10px 4px 10px !important;
	}

	input[type=radio], input[type=checkbox] {
	    border-radius: 8px !important;
	}

	.contactoForm{
		margin-bottom:12em !important;
	}


}

/* MEDIA QUERIES TABLETS*/

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.tlo2{
		font-size: 12px !important;
	}
	.bground {
		height: 100%;
	}

	.titleportada h1 {
		font-size:20px;
		line-height:25px !important;
	}

	.header ul.nav {
	    float: none !important;
	    margin: 0;
	}

	.header .navbar-nav li a {
		    padding: 10px 4px 10px !important;
	}

	.copy {
		font-size:14px;
	}

	.contactoForm{
		margin-bottom:12em !important;
	}

	#pie{
		position:static !important;
	}

	.label_answers{
		margin-right:-20px;
		font-size:8px !important;
	}

	.graficos_2da_ronda{
		height:max-content !important;
	}

	.navbar-brand{
		padding-top: 0px;
		line-height: 65px;
	}
	.navbar {	
		padding-top: 5px;
	}

}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

	.c-mobile-logo{
		display:none !important;
	}

	.navbar-nav{
		width: 800px;
		margin-left: -10px !important;
		float: left !important;
	}

	

	

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

	#pie{
		position:static !important;
	}

	.navbar-nav{
		width: 1000px;
		float: left !important;
	}
	.bground {
		height: 83% !important;
	}
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

	.c-desktop-logo{
		display:block !important;
	}

	.bground {
    	height: 90% !important;
	}

	.login-signup-page {
		margin-top: 30%;
		width: 40%;
	}

	.navbar-nav{
		width: 1000px;
		float: left !important;
	}

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

}