@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url(menu.css);
@import url(seccionAquitecnotico.css);
@import url(banner.css);
@import url(articulos.css);
@import url(ubicacion.css);
@import url(footer.css);



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

body{
   font-family: 'Lato', sans-serif;
}



header{
    width: 100%;
    height: 80px;
    background: black;
    color: #fff;
    position:fixed;
    top: 0px;
    left: 0px;
    }

#headerprincipal{
    width: 100%;
    height: 80px;
    color: #fff;
    position:relative;
    top: 0px;
    left: 0px;
    }

.contenedor {
    width:  98%;
    margin: auto;  
    }
h1{
    float: left;
  }

header .contenedor{
    display: table;

   }
section{
    max-width:100%;
   }

h1 img{
    margin-top: 10px;
    width: 200px;
   
  }

@media (min-width: 1024px){
    
   body{
   background-image: url(bkg_gral.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   position:center;
}
    h1 img{
    width: 210px;
    margin-top: -30px;
  }
    .contenedor{
    width: 85%;
    } 

    #headerprincipal{
    width: 100%;
    background: none;
    color: #fff;
    position:relative;
    }    
    
    h1{
    margin-top: 40px;  
    width: 200px;
    height: 100px;
    }
}