html{
    font-size: 10px;
}
body{
/*  font-family: 'Quicksand', sans-serif; */ 
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    background-image: url(../img/body.svg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

header {
    width: 100%;
    height: 100%;

    background-color: #fff;
}
/****** Bootstrap Reset *****/
.navbar-inverse .navbar-nav .nav-link {
    color: #404041;
}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
    color: #862c2a;
}
a {
    color: #333;
    text-decoration: none;
}

a:focus, a:hover {
    color: #4bbfee;
    text-decoration: none;
}

.line {
    width: 90%;
    border-top-color: #e51f11;
    border-width: 3px;
    margin: 0 auto;
    margin-bottom: 5px;
}
.line2 {
    width: 95%;
    border:solid 1px #e51f11;
    margin: 0 auto;
    margin-bottom: 5px;
}

.font-3 {
    font-size: 1.4rem;
}


.bgc {
    background-color:rgba(255,255,255,0.5);
}

.shadow {
    box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}



.white {
    color: #c3c3c3;
    font-weight: 100;
}

.naranja {
    color: #e51f11;
}

.gris {
    color: #363636;
    font-size: 1.2rem;
}

.border {
    border-left: solid 1px #2a2a2a;
}

#sociales {
    width: 100%;
    background-color: #862c2a;
    min-height: 40px;
    height: auto;
}

.altura {
    height: 200px;
}

.r-mx {
    margin-left: 0;
    margin-right: 0;
}

#nosotros {
    width: 100%;
    height: auto;
    background-color: #f8f8f8;
}

.titulo {
    width: 95%;
    font-family: 'Roboto', helvetica neue, sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
    color: #666;
}

.bold {
    font-family: 'helvetica neue', sans-serif;
    font-weight: 500;
    color: black;
}

#list {
    margin-left: 10%;
    padding: 0.75em 0;
    color: #404041;
    text-align: left;
    font-weight: 300;
    font-size: 1rem;
}

.titulo2 {
    font-size: 2.5rem;
}



.mx-15 {
    margin-left: 0;
    margin-right: 0;
}

.tserv {
    font-weight: 400;
    font-size: 1.2rem;
}

#proyectos {
    width: 100%;
    height: auto;
    padding: 5rem 0;
    background-image: url(../img/proyectosBg.jpg);
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.card-color {
    background-color: brown;
}

.boxTeam {
    position: relative;
    overflow: hidden;
}

.title {
    width: 100%;
    height: 100%;
    padding: 0.5rem;
     background-color: rgba(134,44,42,0.5);
    position: absolute;
    top: 85%;
    left: 0;
    cursor: pointer;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    color: aliceblue;
}


.teamTitle {
    font-size: 1rem;
    color: white;
}

.tcard {
    font-weight: 300;
    font-size: 0.9rem;
    color: #999;
}

.teamtTitle {
    font-size: 3rem;
    font-weight: 300;
    color: #862c2a;
}

.btn-grey {
    background-color: #862c2a;
    color: white;
    
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}
.btn-grey:hover {
    background-color: #c65452;
    color: white;
}

.usuario {
    text-align: center;
}

.datos {
    color: #666;
    font-size: 0.7rem;
    font-weight: 200;
}

#contacto {
    width: 100%;
    background-color: #fff;
}

footer {
    width: 100%;
    height: auto;
    background-color: #cbcbcb;
}

.derechos {
    font-size: 0.8rem;
    color: white;
}

.cita {
    width: 80%;
    text-align: right;
    font-size: 1.5rem;
    color: #1494e3;
    font-weight: 400;
    letter-spacing: 1px;
    position: fixed;
    z-index: 0;
    bottom: 120px;
    right: 10px;
 
}

#aviso {
    color: white;
    text-decoration: underline;
    font-weight: 200;
    font-size: 1rem;
    letter-spacing: 1px;
    text-align: center;
}

#mision1 {
    width: 62px;
    height: 50px;
    background-image: url(../img/titulos/mision2x.svg);
    background-size: cover;
    background-position: center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    cursor: pointer;
}
#mision1:hover {
    background-image: url(../img/titulos/misionH.svg);
}
#mision2 {
    width: 33px;
    height: 52px;
    background-image: url(../img/titulos/filosofia_1.svg);
    background-size: cover;
    background-position: center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    cursor: pointer;
}
#mision2:hover {
    background-image: url(../img/titulos/filossofiaH.svg);
}
#mision3 {
    width: 42px;
    height: 50px;
    background-image: url(../img/titulos/equipo_1.svg);
    background-size: cover;
    background-position: center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    cursor: pointer;
}
#mision3:hover {
    background-image: url(../img/titulos/equipoH.svg);
}
#mision4 {
    width: 46px;
    height: 52px;
    background-image: url(../img/titulos/resultados_1.svg);
    background-size: cover;
    background-position: center;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    cursor: pointer;
}
#mision4:hover {
    background-image: url(../img/titulos/resultadosH.svg);
}
.nosotros {
    text-align: justify;
}
.size2 {
    font-size: 12px;
}
.subtitulo {
    font-weight: 200;
}
.listStyle {
    list-style: circle;
    margin-left: 1.5rem;
}
.revista {
    background-color: #9f8d76;
    color: white;
    letter-spacing: 1px;
    text-align: right;
    font-size: 1.3rem;
    font-weight: 100;
    padding: 5px;
}

.listStyle2 {
    list-style: decimal;
}

.btn-red {
    background-color: #e51f11;
    color: white;
    cursor: pointer;
}
.btn-red:hover {
    background-color: #862c2a;
    color: white
}

.blue {
    color: #195b9d;
    font-size: 3.5rem;
}

.coment {
    font-size: 3rem;
    color: #0483ad;
}

.btn-color {
width: 100px;
height: 40px;
cursor: pointer;
color: white;
background-color: transparent;
background-image: url(../img/enviar.svg);
background-size: cover;
}
.btn-color2 {
width: 100px;
height: 40px;
cursor: pointer;
color: white;
background-color: transparent;
background-image: url(../img/login.svg);
background-size: cover;
}

.size3 {
    font-size: 1.8rem;
}
.social-s{
    width: 24px;
}