/**
 * Variables generales
 */
/**
 * Grids (columnas)
 */
/**
 * Mixins generales
 */
h3 {
  color: white;
  font-size: 28px;
  margin-bottom: 5px;
  font-weight: 300;
  margin-left: 5px;
}
h3 span {
  color: #ff5700;
}

#proyectos-wrapper {
  border-top: 2px #ff5700 solid;
  border-bottom: 2px #ff5700 solid;
  background-color: white;
}
#proyectos-wrapper h4 {
  font-weight: 200;
  font-style: italic;
  margin-bottom: 2px;
  margin-left: 10px;
}
#proyectos-wrapper .proyecto {
  border-top: 2px #ff5700 solid;
  border-bottom: 2px #ff5700 solid;
  padding: 10px;
  position: relative;
  margin: 2px 10px 30px 10px;
}
#proyectos-wrapper .proyecto:after {
  clear: both;
  display: block;
  content: " ";
}
#proyectos-wrapper .proyecto .contenedor-img {
  width: 83.1932773109%;
  float: left;
  margin-right: 0.8403361345%;
}
#proyectos-wrapper .proyecto .contenedor-img .img-proyecto {
  width: 49.5798319328%;
  float: left;
}
#proyectos-wrapper .proyecto .contenedor-img .img-proyecto:nth-child(2n+1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}
#proyectos-wrapper .proyecto .contenedor-img .img-proyecto:nth-child(2n+2) {
  margin-left: 50.4201680672%;
  margin-right: -100%;
  clear: none;
}
#proyectos-wrapper .proyecto .contenedor-img .img-proyecto img {
  width: 100%;
  height: auto;
}
#proyectos-wrapper .proyecto .txt-proyecto {
  width: 15.9663865546%;
  float: right;
  margin-right: 0;
}
#proyectos-wrapper .proyecto .txt-proyecto:after {
  clear: both;
  display: block;
  content: " ";
}
#proyectos-wrapper .proyecto .txt-proyecto p {
  font-weight: 200;
  font-size: 20px;
}
#proyectos-wrapper .proyecto .txt-proyecto p span {
  color: #ff5700;
}
#proyectos-wrapper .proyecto .txt-proyecto p.descripcion {
  font-style: italic;
  position: absolute;
  bottom: 0px;
}
@media (max-width: 1100px) {
  #proyectos-wrapper .proyecto .contenedor-img {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  #proyectos-wrapper .proyecto .txt-proyecto {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  #proyectos-wrapper .proyecto .txt-proyecto p.descripcion {
    position: static;
  }
}