*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background: url(../IMG/fondo_nosotros.jpg);
    background-size: 100% 50vh;
    background-repeat: no-repeat;
    /*opacity: 0.7;*/
   /* background-color: rgb(250, 250, 250);*/


    width: 100%;
    height: 120vh;
  
    color: rgb(28, 19, 158);
   /*             
    background: linear-gradient(45deg,
    rgba(0,0,0,1) 20%,
    rgba(0,0,0,.7) 40%,
    rgba(0,0,0,.4) 70%,
    rgba(0,0,0,0) 100%
                                );

                animation: cambiar 10s ease infinite;
                opacity: 0.9;
                background-size: 400% 400%;
                position: relative;
                animation: cambiar 10s ease infinite;*/
}

.mms-inicio img{
    height: 70px;
    width: 70px;
    border-radius: 80%;
}

#mms-inicio a {
    background: none;
    /*position: fixed;*/
    position: fixed;
    top: 5%;
    right: 15px;  /*1%*/
    
}

html {
    scroll-behavior: smooth;
  }

.capa{
   width: 100%;
    height: 50vh;

    color: #fff;
                 
    background: linear-gradient(155deg,
    rgba(0,0,0,1) 20%,
    rgba(0,0,0,.7) 40%,
    SKYblue,
    rgba(0,0,0,.4) 70%,
    rgba(0,0,0,0) 100%
                                );

                animation: cambiar 10s ease infinite;
                opacity: 0.9;
                background-size: 400% 400%;
                position: relative;
                animation: cambiar 10s ease infinite;


}

@keyframes cambiar {
    0%{background-position: 0 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0 50%;}
}

h1{
                
    font-size: 4rem;
    letter-spacing: 2px;
    border: solid 3px #fff;
    color: #fff;
    border-radius: 25px;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 1rem 2rem;
}

.capa  #st1{
                
    font-size: 2rem;
    letter-spacing: 2px;
    border: solid 0px #fff;
    color: #fff;
    border-radius: 25px;
    position: absolute;
    top: 65%;
    left: 1%;
   /* transform: translate(-50%,-50%);
    padding: 1rem 2rem;*/
}

.valores  #st2{
    font-size: 2rem;
    letter-spacing: 2px;
    border: solid 0px #fff;
    color: black;
    border-radius: 25px;
    margin-left: 1%;
    /*position: absolute;*/
    /* top: 77%;
    left: 20%;*/
   /* transform: translate(-50%,-50%);
    padding: 1rem 2rem;
*/
}



.capa #p1{
   
           
        font-size: 1rem;
        letter-spacing: 2px;
        border: solid 0px #fff; 
        color: #fff;
       /* border-radius: 25px;*/
        position: absolute;
        top: 78%;
        left: 1%;
        overflow: auto;
       /* transform: translate(-50%,-50%);
        padding: 1rem 2rem;
        margin-left: 10%;
     */
     
}

.valores  #lista{
    font-size: 1rem;
    letter-spacing: 2px;
    border: solid 0px #fff;
    color: black;
    border-radius: 25px;
    margin-left: 4%;
    /*position: absolute;*/
   /* top: 87%;
    left: 23%;*/
   /* transform: translate(-50%,-50%);*/
    /*padding: 1rem 2rem;*/
    /*margin-left: 20%;
    padding-left: 10%;*/

}



.nosotros img{
    height: 350px;
    width: 350px;
}




.contenedor-carrusel{
    max-width: 100%;
    width:98%;
    margin: auto;
    align-items: center;
   }



.owl-carousel {
    align-items: center;
  
}

.owl-carousel img{
    margin-top: 20px;
    width: 250px;
    height: 180px;
    align-items: center;
    border-radius: 70%;
    
}

span{
    font-size: 80px;
    color: goldenrod;
}

owl-nav{
    text-align: center;
}


#nosotros{
    text-align: center;
}

@media (min-width:300px) and (max-width: 800px){
   /* header{
            height: 53vh;
        }
    
    .imagen-sobremi{
        width: 50%;
    }
    
    .servicio{
        width: 44%;
    }
    
    .publicacion{
    width: 62%;
    
    }*/

    h1{
                
        font-size: 3rem;
        letter-spacing: 2px;
        border: solid 3px #fff;
        color: #fff;
        border-radius: 25px;
       position: absolute;
        top: 20%;
        left: 50%;
       /* transform: translate(-50%,-50%);
        padding: 1rem 2rem;
    
    */
    }
    
    .capa  #st1{
                    
        font-size: 2rem;
        letter-spacing: 2px;
        /*border: solid 0px #fff;*/
        color: #fff;
        border-radius: 25px;
        position: absolute;
        top: 45%;
        left: 1%;
        /*
        transform: translate(-50%,-80%);
        padding: 1rem 2rem;
    */
        }
    
    .capa  #st2{
        font-size: 2rem;
        letter-spacing: 2px;
        border: solid 0px #fff;
        color: #fff;
        border-radius: 25px;
        position: absolute;
        top: 70%;
        left: 30%;
      /*
        transform: translate(-50%,-70%);
        padding: 1rem 2rem;
    */
    }


    .capa #p1{
   
                
        font-size: 1rem;
        letter-spacing: 2px;
       
        color: #fff;
       
        position: absolute;
        top: 55%;
        left: 1%;
        /*
        padding: 1rem 2rem;
        margin-left: 10%;
    */
}


    
.lista {
    /*position: absolute;
    top: 25%;
        left: 30%;*/
        margin-left: 40%;
}
    

    }