*{
	margin: 0;
	padding:0;
	box-sizing:border-box;
}
#Logo{
	background-color:white;
	width:30%;
	height:25%;	
	float:left;
    border-collapse: collapse;
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; 
}
#Cabecera{
	background-color:white;
	width:70%;
	height:25%;	
	overflow:hidden;
}
#Contenido{
	background-color:/*#020A4D;*/#00325C;
	width:100%;
	height:80%;
}
.soc{
	margin-left:2%;
	color:white;
	width:35%;
	min-width:30%;
	height:auto;
	filter:brightness(1.1);	
}
.imagen{
	width:40%;
	height:60%;
	position:absolute;
	top:35%;
	left:20%;	
}
@media only screen and (max-width:1024px){

.soc{
	position:relative;
	top:7%;
	width:100%;
}
.gsa{
	width:100%;
	}  
}
    
@media (max-width:768px){
  #logo{
		height:18%;
		width:45%;
		float:left;
		background-color:white;
	}
	#Cabecera{
		height:18%;
		width:40%;
    	/*overflow:hidden;*/
		
	}	
	.soc{
	width:100%;
	}  
	.gsa{
	 visibility: hidden;
	}  
}
@media screen and (max-width:1024px) and (orientation: landscape){
    #Logo, #Cabecera{
        height:31%;
    }
    .soc{
	position:relative;
	top:6%;
	width:100%;
}
   
    
}