/*
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 900

.rubik-<uniquifier> {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}*/

body{
    background-color: rgb(214, 232, 253);
     font-family: "Josefin Sans", sans-serif;
  font-weight: <weight>;
  font-style: normal;
}
#prinsipio{
    margin: 0px 1%;
}
.t-tendimax{
    margin-top: 110px;
    margin-left: 1%;
    margin-right: 1%;
}
.tendi-in-im{
    height: 430px;
    float: left;
}
.imp{
    margin: auto;
    width: 50% !important;
}
.margen-1{
    margin: 1%;
}
.margen-2{
    /*margin: 1%;
    margin-top: 0%;
    border-radius: 0px 0px 0px 0px;
    */
    border: 3px solid rgb(120 156 255);
    border-top: 0px solid;
    border-left: 0px solid;
}
.estilo-gr{
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 0.375rem;
    margin:0.3%;
}
.marg{
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 10px;
    border-radius: 0.375rem;
}
.estilo-me{
    margin-top: 15px;
    /* Permalink - use to edit and share this gradient. Enlace permanente - úsalo para editar y compartir este gradiente: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&0+95,1+100 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 1%,rgba(255,255,255,0) 95%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 0.375rem !important;

}
.estilo-me h3{
    padding: 10px;
    padding-bottom: 20px;
    /* Permalink - use to edit and share this gradient. Enlace permanente - úsalo para editar y compartir este gradiente: https://colorzilla.com/gradient-editor/#ffffff+21,ffffff+100&1+62,0+100 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 21%,rgba(255,255,255,1) 62%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ti{
    text-align: center;
}
.arreglo{
    border: 1px solid rgb(118, 118, 118);
    border-top: 1px solid rgb(118, 118, 118);
    border-bottom: 1px solid rgb(118, 118, 118);
    border-left: 1px solid rgb(118, 118, 118) !important;
    border-right: 1px solid rgb(118, 118, 118);
    border-radius: 0.375rem 0.375rem 0.375rem 0.375rem !important;
}
.columnas{
    column-count:3;
}
footer{
    height: 50px;
    background-color: #F39544;
    margin: 0px 1%;
    padding-top: 15px;
}
footer p{
    text-align: center;
    color: #ffffff;
}
#pudeen{
    position: absolute;
    top:1px;
    left: 0px;
}
#nada{
    display: none;
}
#fondo1{
    background: #edf6ff;
    background-image: url(../imagenes/Maps-f.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
#fondo2{
    background: #f7fff9;
    background-image: url(../imagenes/Maps-f2.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}
.snit{
    list-style: none;
    color: rgba(0,0,0,0);
}
.caja-bacia{
    height: 1px;
    position: absolute;
}
#pregunta{
    height: 1px;
    position: relative;
    top:-140px;
}
#metodo{
    height: 1px;
    position: relative;
    top:-140px;
}
#mepa{
    height: 1px;
    position: relative;
    top:-140px;
}
#nosotr{
    height: 1px;
    position: relative;
    top:-140px;
}
.tti{
    font-size:30px;
    text-shadow: 1px 0px 2px rgb(118, 118, 118);
}
.tt{
    font-size:20px;
    margin-bottom: 10px;
    column-count: 4;
    list-style: none;
}
#nanana{
    width: 25%;
    height: 10%;
}
#nada{
        display: flex;
        width: 23%;
        height: 10%;
    }
.letra{
    font-size: 25px;
}
.letra-ti{
    font-size: 50px;
}
#vision{
    padding-top: 3%;
}
#content3{
    background-image: url(../imagenes/_73af6f26-6f1b-47f4-9c9b-99173ce3b3e3.jpg);
    background-size:cover;
    background-attachment: fixed;
    background-position: top;
}
#content3 p{
    font-family: "Rubik", sans-serif;
    font-size: 2em;
    font-weight: 500;
    padding: 3% 25%;
    background-color: rgb(232 232 232 / 73%);
    text-shadow: 1px 0px 2px rgb(118, 118, 118);
}
@media only screen and (max-width: 1440px) {
    .tt{
        font-size: 1rem;
    }
}
@media only screen and (max-width: 1025px) {
    .letra{
        font-size: 20px;
    }
    #nanana {
        width: 23%;
        height: 10%;
    }
    #content3 p {
    font-family: "Rubik", sans-serif;
    font-size: 2em;
    font-weight: 500;
    padding: 3% 9%;
    background-color: rgb(232 232 232 / 73%);
    text-shadow: 1px 0px 2px rgb(118, 118, 118);
}
}
@media only screen and (max-width: 991px) {
    #inqds{
        display: none;
    }
    .columnas{
        column-count:2;
    }
    #nada{
        display: flex;
    }
    #map{
        display: none;
    }
    #nanana{
        height: auto;
        overflow: visible;
    }
    .tt{
        font-size:25px;
        margin-bottom: 10px;
        column-count: 2;
        list-style: none;
    }
}
@media only screen and (max-width: 768px) {
    /*#nada{
        display: none;
    }*/
    #nanana{
        display: none;
    }
    .tt{
        font-size:25px;
        margin-bottom: 10px;
        column-count: 2;
        list-style: none;
    }
    #content3 p {
        font-family: "Rubik", sans-serif;
        font-size: 1em;
        font-weight: 500;
        padding: 3% 15%;
        background-color: rgb(232 232 232 / 73%);
        text-shadow: 1px 0px 2px rgb(118, 118, 118);
    }
}
@media only screen and (max-width: 425px){
    #content3 p {
        font-family: "Rubik", sans-serif;
        font-size: 1.1em;
        font-weight: 500;
        padding: 5px;
        background-color: rgb(232 232 232 / 73%);
        text-shadow: 1px 0px 2px rgba(118, 118, 118, 0);
        text-align: justify;
    }
    #vision{
        padding-top: 3%;
        text-align: justify;
        font-size: 1.2em;
    }
}
@media only screen and (max-width: 375px){
    .tt{
        column-count: 1;
    }
}