/*MEDIA QUERIES*/

 @media screen and (max-width: 950px){
 	 
    #bot-menu{
    	margin-right: 2em;
    	display: block;
    	cursor: pointer;
    	  
    }

    .header-top nav{
    	display: none;
    }

    .header-top nav.visible{
    	display: block;
    	position: absolute;
    	width: 100%;
    	top:100%;
    	left: 0;

    	padding:1em;
    	border-top:1px solid #FFF;
    	background: #EE790F;
    }




    header nav ul{
    	flex-direction: column;
    	align-items: center;

    }

    header nav li{
    	margin-bottom: 1em;
    	margin-right: 0;
    }

    .header-mensaje h1 {
       
        background: #ee790fb3;
         
    }

    .fotoCaja{
    	flex-basis: 35%;
    	 
    }

   .infoCaja{
    	flex-basis: 75%;
    	 
    }

 
 	section.Consultas .Columna h2{
 		font-size: 2em;
 	}

 	.mapa{
 		width: 100%;
 	}
 }

 @media screen and (max-width: 770px) {
    .fotoCaja.aulas {
 		background-position: left center; 
 	}

   .fotoCaja.practicas {
		background-position: right center; 
	}

	.fotoCaja.metodologia{
		background-position: 60% center; 
	}

	 
 }


 @media screen and (max-width: 580px) {
	
	body > header{
		height: 40vh;
	}
	#redes-sociales {
	    flex-basis: 35%; 
	    justify-content: center;
	    
	}

	#redes-sociales a:last-child{
		margin-right: 0;
	}

	


	.header-top {
	    flex-basis: 25%;
	}

	.header-mensaje {
	    flex-basis: 40%;
	    font-size: 0.8em;
	}


	section header {
	    padding: 2em 1em;
	}

	section h1 {
	    font-size: 2em;
	}

 
	
	.cajaDatos{
		flex-wrap: wrap;
		margin-bottom:3em;
	}


	  .fotoCaja{
	 	flex-basis: 100%;
	 	height: 150px;
	 
	 	 
	 }

	  .infoCaja, .cajaDatos:nth-child(odd) .infoCaja{
	 	flex-basis: 100%;
	 	order:0;
	 	text-align: left;
	 	padding:1em;

	 }

	 .infoCaja h2 {
	     font-size: 2.4em;
	 }

	 /*footer*/

	 .copyright span{
	 	display: block;

	 }
	 
 	/*pagina de consultas*/
	form{
		width: 100%;
		border:none;
	}
 	section.Consultas .Columna h2{
 		font-size: 1.5em;
 	}

 	form :not(.notalegal) label{
 		font-size: 1.2em; 		
 	}

 }