html {
    scroll-behavior: smooth;
   /*Comenta la línea (o dale el valor 'auto' a scroll behavior )
   para probar la diferencia con y sin scroll suavizado*/
}

.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bold {
    font-weight: 700;
}

.fina {
    font-weight: 100;
}

.text-vertical {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-size: 36px;
}

.tipografy-aleo {
    font-family: 'Aleo', sans-serif;
}

.tipografy-lato {
    font-family: 'Lato', sans-serif;
}

.letra-grande {
    font-size: 22px;
}

.italica {
    font-style: italic;
}

.sobre-nosotros-titulo {
    font-size: 27px; left: -5%;
}

.titulos-proyectos-iconos {
    font-family: 'Lato', sans-serif bold;
    font-size: 20px;
    font-weight: 600;
}

.background-gray {
    height: auto;
    width: 100%;
    left: 0;
    background: gray;
    text-align: center;
    margin-top: 50px;
}

.background-gray2 {
    position: absolute;
    height: 2100px;
    width: 100%;
    left: 0;
    background: gray;
    text-align: center;
    margin-top: 50px;
    z-index: -1;
}

.background-gray3 {
    position: absolute;
    height: 680px;
    width: 100%;
    left: 0;
    background: #d8d8d8;
    text-align: center;
    margin-top: 50px;
    z-index: -1;
}

.espacio-entre-letras {
    letter-spacing: 10px;
}

#nosotros, #proyectos, #clientes, #contacto, #marcas {
    max-width: 1280px;
    margin: auto;
    padding-top: 100px;
}

#clientes .background-gray{
    height: auto;
}

.marcas {margin-top:40px;}

.tamaño22{
    font-weight: 100;
    font-size: 18px;
}

.fondo-gris {
    background: #d8d8d8;
}

.titulo-proyectos {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 38px;
    letter-spacing: 25px;
    margin-bottom: 50px;
}

.titulo-clientes {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 20px;
    margin-bottom: 50px;
    padding-top: 50px;
    color: #fff;
}

.titulo-nuestras-marcas {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 25px;
    margin-bottom: 50px;
    color: #000;
    width:100%;
    display:block;
    margin-top:130px;
    padding-left: 7%;
}

.titulo-contacto {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 58px;
    letter-spacing: 25px;
    color: #000;
    width:100%;
    display:block;
    margin-bottom:30px;
    text-align:center;
}

.p-0 {padding:0!important}

.imagen-modal {-webkit-filter:brightness(100%);filter: brightness(100%)!important;}
.imagen-modal:hover {-webkit-filter:brightness(100%);filter: brightness(100%)!important;}
.titulogaleriamas {height: 100px; width: 100%; vertical-align: middle; padding-top: 20px;font-family: 'Lato', sans-serif;font-weight: bold;font-size: 2.0rem;letter-spacing: 16px; text-align: center; }
.titulogaleriamas:hover {cursor: pointer;}

.input-nc{width: 100%; margin-bottom:30px; padding:15px; background: #fff; color: rgb(32, 32, 32); border:none; font-size: 20px; height: 40px;}
.input-nc-textarea{width: 100%; margin-bottom:30px; padding:15px; background: #fff; color: rgb(32, 32, 32); border:none; font-size: 20px; height: 150px;}
.btn-nc {width: auto; padding:10px; background: #000; color: #fff; border: none; font-size:24px;}
.m-bottom {padding-bottom: 20px;}
.m-top{padding-top: 20px;}

#proyectos img {transition: .4s;}

.div-hover {width: 92.5%;height: 350px;opacity: 0;transition: 0.4s;position: absolute;}
.div-hover .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.uno-galeria:hover .div-hover {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.uno-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.div-hover2 {width: 92.5%;height: 370px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0;}
.div-hover2 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover2 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover2 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.dos-galeria:hover .div-hover2 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.dos-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.div-hover3 {width: 92.5%;height: 360px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0;}
.div-hover3 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover3 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover3 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.tres-galeria:hover .div-hover3 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.tres-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.div-hover4 {width: 92.5%;height: 330px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0px;}
.div-hover4 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover4 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover4 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.cuatro-galeria:hover .div-hover4 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.cuatro-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.div-hover5 {width: 92.5%;height: 180px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0;}
.div-hover5 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover5 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover5 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.cinco-galeria:hover .div-hover5 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.cinco-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.div-hover6 {width: 92.5%;height: 180px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0;}
.div-hover6 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover6 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover6 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.seis-galeria:hover .div-hover6 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.seis-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.div-hover7 {width: 92.5%;height: 450px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0;}
.div-hover7 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover7 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover7 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.siete-galeria:hover .div-hover7 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.siete-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.div-hover8 {width: 92.5%;height: 450px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0;}
.div-hover8 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover8 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover8 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.ocho-galeria:hover .div-hover8 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.ocho-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.div-hover9 {width: 92.5%;height: 450px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0;}
.div-hover9 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover9 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover9 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.nueve-galeria:hover .div-hover9 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.nueve-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.div-hover10 {width: 92.5%;height: 340px;opacity: 0;transition: 0.4s;position: absolute; top: 20px;}
.div-hover10 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.div-hover10 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.div-hover10 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.diez-galeria:hover .div-hover10 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.diez-galeria:hover img {-webkit-filter: brightness(20%);filter: brightness(20%); transition: .4s; z-index: 0;}

.uno-galeria img{height: 350px;width: 100%;}
.dos-galeria img {height: 370px;width: 100%;}
.tres-galeria img{height: 350px; width: 100%;}
.cuatro-galeria img{height: 350px; width: 100%; padding-top: 30px;}
.cinco-galeria img{height: 200px; width: 100%; padding-top: 30px;}
.seis-galeria img{height: 200px; width: 100%; padding-top: 30px;}
.siete-galeria img{height: 450px; width: 100%;}
.ocho-galeria img{height: 450px; width: 100%;}
.nueve-galeria img{height: 470px; width: 100%; padding-top: 30px;}
.diez-galeria img{height: 360px; width: 100%; padding-top: 30px;}


.uno-obras img{height: 400px;width: 100%;}
.dos-obras img {height: 400px;width: 100%; padding-top: 30px;}
.tres-obras img{height: 400px; width: 100%; padding-top: 30px;}
.cuatro-obras img{height: auto; width: 100%; padding-top: 30px;}
.cinco-obras img{height: 300px; width: 100%; padding-top: 30px;}
.seis-obras img{height: 615px; width: 100%; padding-left: 00px;}
.siete-obras img{height: auto; width: 100%; padding-top: 30px;}
.ocho-obras img{height: 300px; width: 100%; padding-top: 30px;}
.nueve-obras img{height: auto; width: 100%; padding-top: 30px;}
.diez-obras img{height: 365px; width: 100%; padding-top: 30px;}
.once-obras img{height: 400px; width: 100%; }
.doce-obras img{height: 730px; width: 100%; padding-top: 30px;}
.trece-obras img{height: 645px; width: 100%; padding-top: 30px;}

.uno-obras .div-hover {width: 93%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.uno-obras .div-hover .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.uno-obras .div-hover .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.uno-obras .div-hover .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.uno-obras:hover .div-hover {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.dos-obras .div-hover2 {width: 93%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.dos-obras .div-hover2 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.dos-obras .div-hover2 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.dos-obras .div-hover2 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.dos-obras:hover .div-hover2 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.tres-obras .div-hover3 {width: 93%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.tres-obras .div-hover3 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.tres-obras .div-hover3 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.tres-obras .div-hover3 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.tres-obras:hover .div-hover3 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.cuatro-obras .div-hover4 {width: 93%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.cuatro-obras .div-hover4 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.cuatro-obras .div-hover4 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.cuatro-obras .div-hover4 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.cuatro-obras:hover .div-hover4 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.cinco-obras .div-hover5 {width: 93%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.cinco-obras .div-hover5 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.cinco-obras .div-hover5 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.cinco-obras .div-hover5 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.cinco-obras:hover .div-hover5 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.seis-obras .div-hover6 {width: 92%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.seis-obras .div-hover6 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.seis-obras .div-hover6 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.seis-obras .div-hover6 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.seis-obras:hover .div-hover6 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.siete-obras .div-hover7 {width: 92%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.siete-obras .div-hover7 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.siete-obras .div-hover7 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.siete-obras .div-hover7 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.siete-obras:hover .div-hover7 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.ocho-obras .div-hover8 {width: 92%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.ocho-obras .div-hover8 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.ocho-obras .div-hover8 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.ocho-obras .div-hover8 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.ocho-obras:hover .div-hover8 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.nueve-obras .div-hover9 {width: 92%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0px; background: rgba(0,0,0,.8);}
.nueve-obras .div-hover9 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.nueve-obras .div-hover9 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.nueve-obras .div-hover9 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.nueve-obras:hover .div-hover9 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.diez-obras .div-hover10 {width: 92%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: -265px; background: rgba(0,0,0,.8);}
.diez-obras .div-hover10 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.diez-obras .div-hover10 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.diez-obras .div-hover10 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.diez-obras:hover .div-hover10 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.once-obras .div-hover11 {width: 93%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.once-obras .div-hover11 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.once-obras .div-hover11 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.once-obras .div-hover11 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.once-obras:hover .div-hover11 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.doce-obras .div-hover12 {width: 93%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.doce-obras .div-hover12 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.doce-obras .div-hover12 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.doce-obras .div-hover12 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.doce-obras:hover .div-hover12 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

.trece-obras .div-hover13 {width: 93%;height: 80px;opacity: 0;transition: 0.4s;position: absolute; bottom: 0; background: rgba(0,0,0,.8);}
.trece-obras .div-hover13 .signo-mas {position: absolute; color: #fff; font-size: 50px; top: 0px; right: 10px;}
.trece-obras .div-hover13 .titulo-agrandar-imagen {font-size:18px;color: #fff; position: absolute; bottom: 0; font-family: 'Lato', sans-serif; font-weight: 700; text-align: right; left: 15px;}
.trece-obras .div-hover13 .agrandar-imagen {font-weight: 00!important; font-size: 12px; margin-top: -20px;}
.trece-obras:hover .div-hover13 {opacity: 1; transition: .4s; z-index: 1; cursor: pointer;}
.div-medio div {margin: auto!important;}

footer {width:100%; margin-top:-10px;padding-top:25px; padding-bottom: 25px; text-align:center; background: #646464; color: #fff;font-size:20px;font-family: 'Lato', 400; font-weight:400; letter-spacing: 0px; }
#animado,#animado2,#animado3,#animado4,#animado5,#animado6,#animado7,#animado8,#animado9,#animado10 {opacity: 0;}

@keyframes mover {
    from{opacity: 0;}
    to{opacity: 1;}
}
@keyframes volver {
    from{opacity: 1;}
    to{opacity: 0;}
}


@media only screen and (max-width: 980px) {
    .text-vertical {
        writing-mode: 	horizontal-tb;
        transform: rotate(0deg);
    }
    .titulo-proyectos {
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        font-size: 48px;
        letter-spacing: 16px;
    }
}


@media only screen and (max-width: 580px) {
    .dos-galeria img {height: 370px;width: 100%; padding-top: 30px;}
    .tres-galeria img{height: 350px; width: 100%; padding-top: 30px;}
    .titulo-clientes {
        font-size: 22px;
        letter-spacing: 10px;
    }
        .titulogaleriamas{font-size: 1.5rem;}
        .titulo-proyectos{font-size: 2rem; text-align: center;}
        .titulo-nuestras-marcas {font-size: 2rem; text-align: center;}
        .background-gray3 {
            height: 750px;
        }
        .sobre-nosotros-titulo{margin-left:5%!important;}
}