@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url(menu.css);
@import url(escritorio.css);
@import url(banner.css);
@import url(Empresa.css);
@import url(servicios.css);
@import url(contacto.css);
@import url(politica.css);
@import url(objetivo.css);
@import url(separadores.css);
@import url(producto.css);
@import url(sensores.css);
@import url(actuadores.css);
@import url(automatas.css);
@import url(datos.css);
@import url(loadvenida.css);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth ;
    user-select: none;
}

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

header {
    width: 100vw;
    height: 165px;
    background: rgb(20, 29, 29); 
    color:white;
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
}

header .contenedor{
    width: 98%;
    display:table; 
}
header .colombia{
    display: flex;
 
    margin-top:5%;
    padding-left: 15%;
}
header .colombia img{
    width: 20px;
    margin:1% 2%;
}
header img{
    width: 16%;
    margin:0% 2%;
    margin-left: 1%;
}

h1 {
    float: left;
    font-size: 35px;
    margin-top: 0.8%;
}

h1 .icon-cog-alt{
   background:white;
   color: white;
}

section{
    margin-bottom: 25px;
}

@media (max-width:768px){

    header {
        width: 100vw;
        height: 120px;
        background: rgb(20, 29, 29); 
        color:white;
        position: fixed;
        z-index: 100;
        top: 0px;
        left: 0px;
    }
    
    h1 {
        margin-left: 2%;
        float: left;
        font-size: 32px;
        margin-top: 1%;
    }
    header .colombia{
        display: none;
     
    }
}