html {
    scroll-behavior: smooth;
   /*Comenta  para probar la diferencia con y sin scroll suavizado*/
overflow-x: hidden;
}
input#side-menu {
opacity: 0;
}   
 

body {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    text-align: left;
    margin: auto;
    /* color: #49515f; */
    /* color: #4cbe81; */
    background: #212b56 !important;
    background-image: url(imagenes/fondo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 0;
    margin-top: 0 !important;
    position: relative;
}


/* generales */
h1.title {text-align: left;margin: 0 0 17px;text-transform: uppercase;
    color: #7e7e7e;letter-spacing: 0;font-weight: 900;font-family: 'Montserrat';font-size: 2em;}
h1.title spam {
color: #918f8b;
}
.wrapper {/* width: 90%; */max-width: 1200px;margin: 9em auto 0;}
header .wrapper {
margin: 0 auto;
}
a {color: #7e7e7e; /* blue colors for links too */text-decoration: none; /* no underline */width: 14%;}
h1 {width: 90%;margin: 0 auto 0;text-align:
center;/* text-transform: uppercase; */font-size: 2.3em;color: #fff !important;line-height: 1 !important;font-weight: 900 !important;}


/*seccion nosotros*/
.wrapper.nosotros {display: block;/* background: #33393E; */MAX-WIDTH: 1200px !important;/* display: none; */position: relative;}
section#quienessomos {/* background: #000; */position: relative;padding: 0;margin: 0;}      
section#contact span.verde i {
display: inherit;
}


.cont p {
    color: #c1c1c1;
}

.columna.col12.contFromulario {
    width: 100%;
}
p {color: #7e7e7e;font-size: 14px;line-height: 1.5;/* width: 100%; */}
.nosotros .conImg {
position: relative;
}
img {
    width: 100%;
    height: auto;
}
.logo {
    width: 20%;
    margin: 0 auto;
}
.texto {/* width: 50%; */margin: 20px auto;} 
.progres {    width: 50%;    margin: 10 auto;}
.redes {width: 50%;margin: 40px auto;display: flex;text-align: center;justify-content: center;align-content: center;}
.redes img {width: 50%;height: auto;}
.contacto {width: 30%;margin: 10 auto;}
.punto img {
    width: 100%;
    text-align: center;
    /* padding: 20px; */
}

.punto {
    margin: 20px;
}

.responsivo{
    display: none;
}
.escritorio{
    display: block;
}

/******************************************************** RESPONSIVE *********************************************/


@media screen and (max-width: 600px) {
    .responsivo{
        display: block;
    }
    .escritorio{
        display: none;
    }
    .wrapper.nosotros {
        display: block;
        margin: 0 auto;
        width: 90%;
    }
    .logo {
        width: 70%;
        margin: 0 auto;
    }
    .logo img {
    width: 100%;
    height: 169px;
}
    h1.title, .fondo h1.title {
        margin: 1em 0;
        /* right: 0 !important; */
        font-size: 23px;
        text-align: center;
    }

.wrapper.equipo .context {
flex-direction: column;
}
img {
    width: 100%;
    /* height: 100vh; */
    object-fit: contain;
}
.wrapper.equipo .context div {
width: 90%;
}
section#quienessomos {
    margin: 4em auto;
}
h1.title, .fondo h1.title {
margin: 1em 0;
right: 0 !important;
}

.columna.col4 {
    width: 100% !important;
    height: auto !important;
}
.columnas {
    display: block;
}

}