@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,400;0,500;0,700;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mukta+Vaani:wght@200;300;600&display=swap');
@import url(menu.css);
@import url(banner.css);
@import url(servicios.css);
@import url(elegirnos.css);
@import url(apartamentos.css);
@import url(contacto.css);
@import url(contacto2.css);
@import url(info.css);
@import url(mapa.css);
@import url(modal.css);


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

body {
    margin: 0;
    padding: 0;
    font-family: 'Mukta Vaani', sans-serif;
    font-weight: 300;
}

header {
    width: 100%;
    height: 100px;
    background-color: #577D2A;
    /*background-image: url("../images/00_header_1.png");*/
    background-repeat: no-repeat; 
    border-bottom: solid 3px #fff;
    color: #fff;   
    position: fixed;
    top:0;
    left: 0;
    z-index: 1000;   
}


header img{
    height: 70px;
    width: 260px;
    margin-left: 100px; 
    margin-top: 15px;   
    /*border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;*/
}

div#nacional{
  right: 0;  
  font-family: 'Barlow', sans-serif;
  position: absolute;
  top:0px; 
}

div#nacional img{
    height: 80px;
    width: 80px;
    margin-right: 20px;    
}

h1 {
	float: left;
}


section {	
	width: 100%;
}

footer {
    background-color: #3E7E1B;
    color: #fff;    
    font-weight: 200;
}

footer .contenedor {    
    display: flex;   
    flex-wrap: wrap;
    justify-content: center;
    padding: 1.5em 2em;    
    margin: 0 auto;   
}

.copy {
    font-size: 1em;  
    text-align: center;
    width: 100%;    
}

@media (min-width:768px) {    
    footer .contenedor {    
        justify-content: space-between;    
    }
        
}

@media (min-width:1360px) {
    .contenedor {        
        width: 100%;                
    }       
}

@media (max-width: 768px) {  
    header label{
        display: block;
    }

    div#nacional {
        top:50em; 
    }

    header img {
        height: 48px;
        width: 180px;
        margin-left: 20px;
        margin-top: 26px;
    } 

    div#nacional img{ 
        height: 100px;
        width: 100px;  
        margin-right: 0px;    
    }
}