
/* =============================
   CO₂RESPONSABLES - Responsive Add-on Styles
   Complemento CSS para mejorar adaptabilidad móvil
   ============================= */

@media (max-width: 1024px) {
	body {
	    display: grid;
	}
	
	.h1, h1 {
	    font-size: calc(1.375rem + 1vw) !important;
	}
	
	.h2, h2 {
	    font-size: calc(1.325rem + .7vw) !important;
	}
	
	#site-header .navbar-nav .nav-link {
	    font-size: .7em !important;
	}
	
	.display-4 {
	    font-size: calc(1.475rem + 2vw) !important;
	}
	
	.language a {
		font-size: .8em !important;
	}
	
	#site-header #logo-floater p#branding {
	    padding: 5px 1.5rem !important;
	}
}


@media (max-width: 932px) {
	
	.h3, h3 {
	    font-size: calc(1.3rem + .1vw) !important;
	}
	
	.p, p {
	    font-size: 14px !important;
	}	
	
	.title-pregunta {
		margin-top: 40px !important;
		font-size: 1.2rem !important;
	}
	
	.form-register {
	    width: 90%;
	}
	
	label {
    	font-size: .9em !important;
	}
	
}


@media (max-width: 736px) and (min-width: 431px) {
	
	.div-img-access h3 {
	    font-size: 1rem !important;
	    min-height: 80px;
	}
	
	.col-pregunta {
    	min-height: 110px;
	}
	
	.col-logo-footer {
		text-align: center;
	}
	
}



@media (max-width: 430px) {
	
	.h3, h3 {
        font-size: 1.1rem;
    }
	
	#site-header #logo-floater p#branding {
		padding: 10px .0rem !important;
	}
	
	#site-header #logo-floater p#branding a, #site-header nav.navbar #block-user-login {
		padding: 0px !important;
		margin: auto;
	}
	
	#logoCo2responsables {
    	height: 100px;
    	padding-left: 15px;
	}	
	
	div.div-img-access {
		width: 95%;
		margin: 0px 10px 20px 10px !important;
	}
	
	div.div-img-access {
		padding-top: 30px;
	}
	
	footer .h5, footer h5 {
	    font-size: 1rem !important;
	}
	
	.p, p {
        font-size: 12px !important;
    }
    
    label {
    	font-size: .9em !important;
	}
    
    .title-pregunta {
		margin-top: 70px !important;
	}
	
	footer div.col-logo-footer {
		text-align: center !important;
		margin-bottom: 20px;
	}
	
	footer div.col-logo-footer .logo {
		padding-left: 0px !important;
		
	}
	
	ul.tabs.primary li {
	    flex: 100% 1 0;
	    margin-bottom: 1em !important;
	}
	
	.form-register {
	    width: 100%;
	}
	
}



