@import url(menu.css);

*{
  
    margin:0;
    padding:0;
    box-sizing: border-box;
}

body{

    background: #333;
    font-family: "Montserrat";
}

.contenedor-general{
    
    background: white;
    max-width:1100px;
	height: 100%;
    margin:auto;	    
}

#contenedor-menu{
    
    width: 100%;
    height: auto;
}



header{
    
    width:100%;
    height:50px;
    background: black;
    color:#fff;
    position:relative;
    top:0;
    left: 0;
    z-index: 100;
}


#logo {
    
    position: relative;
    top:30px;

}

#logo img{
    
    display: block;
    width: 100%;
    max-width:300px;
    margin: auto;
    
}

#isologo{
    
    position: absolute;  
    top:5px;
    z-index:100;

}

.info{
    
    position: relative;
    width:100%;
    height:auto;
    top:80px;
    overflow:hidden;
    border-right: 15px solid white;
    border-left: 65px solid white;
}

.info img{
    
    width:1150px;
    margin-left:-60px;
}

.contenedor-redes{
    
    display:flex;
    position: relative;
    width: 100%;
    height: 150px;
    top:75px;
    background: black;
    
}

.sociales{
    
    width: 50%;
	height: auto;
	display: flex;

}

.redes{
    
    width: 50%;
    text-align: center;
    
}

.contenedor-redes p{
            
    font-size: 20px;
    color:#cebebf;
    margin: auto;
    
}

.sociales a{
	
    width: 50%;
    font-size: 30px;
    color:#cebebf;
    text-decoration: none;
	display: flex;
	align-items:center;
	align-content:space-between;
	margin:auto;
}

.copy{
	
    position: relative;
    width: 100%;
    height:auto;
    color:#cebebf;
    top:70px;
    text-align: center;
    background: black;
}

.copy a{
    
    color:turquoise;
}

@media (min-width:320px){
    
    #logo img{
        
        max-width: 200px;
    }
    
    
     #isologo{
        
        left: 66%;
        
    }
    
    .info{  
				
				
        border:0px;
        top:75px;
				
    }
    
.info img{
        
    max-width: 410px;
    margin-left:-30px;
	overflow: hidden;
    
    }
    
.contenedor-general{
        
    width: 100%;
    height: 100%;
}
    
    
.contenedor-redes p{
        
        font-size:14px;
    }
    
.sociales a{
        
        
    width: 10%;
	font-size: 25px;

}

.copy{
        
    font-size: 10px;
 }
}

@media (min-width:400px){
	
	  .info img{
        
        max-width: 450px;
        margin-left:-30px;
		overflow: hidden;
    
    }
}
    	
@media (min-width:768px){
    
.info{
        
        overflow:hidden;
        border-right: 65px solid white;
        border-left: 65px solid white;
    }
    
    .info img{
        
        max-width: 840px;
        margin-left: -60px;
    }
    
    #isologo{
        
        left:80%;
    }


}
    
@media (min-width:1024px){
    
    #logo img{
        
        max-width: 200px;
    }
    
    .info{
        
        width: auto;
        height: auto;
        overflow:hidden;
        border-right: 65px solid white;
        border-left: 65px solid white;
    }
    
    .info img{
        
        max-width: 1150px;
        margin-left: -60px;
    }
    
#isologo{
        
        left:80%;
 } 
    
   
.copy{
        
        font-size: 16px;
}
	
.sociales a{
		
		width: 5%;
		margin:auto;
}
}