/* INICIO BANNER DESFASADO

#banner {
 background: #FFF;
 width: 100%;
 margin: 0 auto;
 height: auto;
}

#banner_content {
 display: flex;
 flex-direction: column;
 max-width: 1920px;
 width: auto;
 height: 720px;
 margin: 0 auto;
 background-size: cover;
 margin-top: 15px;
 margin-bottom: 0px;
}

#banner_content_logo_large {
 height: 660px;
 width: 100%;
}

#banner_content_text {
 display: flex;
 justify-content: center;
 align-items: flex-start;
 flex-direction: column;
 width: 1366px;
 margin: 0 auto;
 text-align: left;
 height: 60px;
}

#banner_content h1 {
 color: #fff;
}

 FIN BANNER DESFASADO */

#project_holder {
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 justify-content: space-between;
 height: auto;
 width: 100%;
 max-width: 1600px;
 margin: 0 auto;
 margin-top: 0px;
}

.project {
 width: 24.3%;
 height: 240px;
 margin-top: 15px;
 overflow: hidden;
}

.project:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.project img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.project_placeholder {
 width: 100%;
 height: 200px;
 background: linear-gradient(to bottom, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0) 95%), url(../img/logo/logoksblanco.png)50% 50% no-repeat #cc181e; background-size: 100%;
 background-size: contain;
}

.project1 img, .project2 img, .project3 img, .project4 img, .project5 img, .project6 img, .project7 img, .project8 img, .project9 img, .project10 img, .project11 img, .project12 img {
 height: 200px;
 width: 100%;
 object-fit: cover;
}

.project1, .project2, .project3, .project4, .project5, .project6, .project7, .project8, .project9, .project10, .project11, .project12 {
 width: 100%;
 height: 200px;
 overflow: hidden;
}

.project1 img {
 object-position: 100% 0%;
}

.project2 img {
 object-position: 100% 72%;
}

.project3 img {
 object-position: 0% 50%;
}

.project4 img {
 object-position: 100% 55%;
}

.project5 img {
 object-position: 100% 70%;
}

.project6 img {
 object-position: 100% 80%;
}

.project7 img {
 object-position: 50% 50%;
}

.project8 img {
 object-position: 50% 50%;
}

.project9 img {
 object-position: 50% 50%;
}

#project_banner_text {
 display: flex;
 flex-direction: row;
 width: 100%;
 height: 38px;
 margin: 0 auto;
}

#project_banner_text a {
 font-family: ContentHeader, sans-serif;
 text-transform: uppercase;
 font-weight: 200;
 font-size: 18px;
 letter-spacing: 1.5px;
 text-decoration: none;
}

#project_banner_text_left {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 40px;
 height: 100%;
 background-color: red;
 padding-bottom: 2px;
}

#project_banner_text_right {
 display: flex;
 align-items: center;
 width: calc(100% - 40px);
 height: 100%;
 background-color: #cc181e;
 padding-bottom: 2px;
}

#project_banner_text_right a {
 padding-left: 10px;
 color: #fff;
}

#project_banner_text_left a {
 padding-left: 2px;
 color: #FFF;
}

@media screen and (max-width:1024px) { /* SECCION MOVIL-RESPONSIVE */

#project_holder {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 height: auto;
 width: 100%;
 max-width: 100%; /* cambio esta en responsive */
 margin: 0 auto;
}

.project {
 width: calc(50% - 7.5px);
 height: 190px;
 animation-name: none;
}

.project1 img, .project2 img, .project3 img, .project4 img, .project5 img, .project6 img, .project7 img, .project8 img, .project9 img, .project10 img, .project11 img, .project12 img {
 height: 150px;
}

.project1, .project2, .project3, .project4, .project5, .project6, .project7, .project8, .project9, .project10, .project11, .project12 {
 height: 150px;
}

}