/* -------------------------------- 

Project Page Style

-------------------------------- */
.cd-intro-project {
  position: relative;
  height: 100%;
  background-size: cover;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-intro-project h1 {
  position: absolute;
  width: 70%;
  max-width: 1170px;
  left: 50%;
  top: 90%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: white;
  font-size: 50px;
  font-size: 3em;
  font-weight: 300;
  text-align: center;
  color: #2d2d2d;
  letter-spacing: .05em;
  line-height: 1.5em;
}

.cd-container-project-clmn-1 {
	width: 65%;
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
}
.cd-container-project-clmn-1 img {
	width: 100%;
	margin-bottom: 1em;
}
.cd-container-project-clmn-2 {
	width: 29%;
	display: inline-block;
}
.cd-container-project-clmn-1 h1 {
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  color: #000;
  line-height: 1.6;
  text-align: left;
  margin-bottom: .5em;
}
.cd-container-project-clmn-1 h4 {
  font-size: .9em;
  text-align: left;
}
.cd-container-project-clmn-1 p {
  font-family: 'Oswald', serif;
  line-height: 1.6;
  text-align: left;
  margin-top: 3em;
  margin-bottom: 3em;
}
/* -------------------------------- 
AUDITORIA DE IMAGEN
-------------------------------- */
.cd-container-project-clmn-auditoria-1-img {
	width: 100%;
	height: 300px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/auditoria/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-auditoria-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/auditoria/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-auditoria-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/auditoria/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-consult-auditoria-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/auditoria/right-04.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-auditoria-5-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/auditoria/right-05.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-auditoria-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/auditoria/right-06.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
CONSULTORIA DE IMAGEN
-------------------------------- */
.cd-container-project-clmn-consult-1-img {
	width: 100%;
	height: 300px;
	margin: 0px;
	background-image:url("http://barratres.com/img/ComunicacionEmpresarial.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-consult-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/ComunicacionEmpresarial.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-consult-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/ComunicacionEmpresarial.jpg");
	background-size: cover;
	display: inline-block;
}

/* -------------------------------- 
VICAL
-------------------------------- */
.cd-container-project-clmn-1-img {
	width: 100%;
	height: 300px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/vical/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-1-img:hover {
	opacity: .5;
}
.cd-container-project-clmn-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/vical/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-2-img:hover {
	opacity: .5;
}
.cd-container-project-clmn-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/vical/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-3-img:hover {
	opacity: .5;
}
.cd-container-project-clmn-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/vical/right-04.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-4-img:hover {
	opacity: .5;
}
.cd-container-project-clmn-5-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/vical/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-5-img:hover {
	opacity: .5;
}
.cd-container-project-clmn-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/vical/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-6-img:hover {
	opacity: .5;
}
/* -------------------------------- 
CIS LATAM
-------------------------------- */

.cd-container-project-clmn-cis-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/cis/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-cis-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/cis/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-cis-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/cis/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-cis-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/cis/right-04.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-cis-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/cis/right-05.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-cis-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/cis/right-06.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
BIC
-------------------------------- */

.cd-container-project-clmn-bic-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/bic/bic-peque.png");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-bic-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/bic/PORTFOLIO1.png");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-bic-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/bic/PORTFOLIO2.png");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-bic-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/bic/PORTFOLIO3.png");
	background-size: cover;
	display: inline-block;
}
/*.cd-container-project-clmn-bic-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/bic/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-bic-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/bic/right-02.jpg");
	background-size: cover;
	display: inline-block;
}*/
/* -------------------------------- 
VIVI
-------------------------------- */

.cd-container-project-clmn-vivi-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/vivi/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-vivi-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/vivi/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-vivi-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/vivi/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-vivi-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/vivi/right-04.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
YIEL
-------------------------------- */

.cd-container-project-clmn-yiel-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/yiel/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-yiel-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/yiel/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-yiel-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/yiel/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-yiel-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/yiel/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-yiel-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/yiel/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-yiel-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/yiel/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
PROSEGUR
-------------------------------- */

.cd-container-project-clmn-prosegur-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/prosegur/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-prosegur-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/prosegur/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-prosegur-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/prosegur/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-prosegur-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/prosegur/right-04.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-prosegur-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/prosegur/right-05.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-prosegur-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/prosegur/right-06.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
PAOLINI
-------------------------------- */

.cd-container-project-clmn-paolini-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/paolini/right-01.jpg");
	background-size: cover;
	display: inline-block;
	padding-bottom:150px;
}
.cd-container-project-clmn-paolini-2-img {
	width: 100%;
	height: 250px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/paolini/right-02.jpg");
	background-size: cover;
	display: inline-block;
	padding-top:95px;
}
.cd-container-project-clmn-paolini-3-img {
	width: 100%;
	height: 400px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/paolini/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-paolini-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/paolini/right-04.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-paolini-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/paolini/right-05.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-paolini-6-img {
	width: 100%;
	height: 250px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/paolini/right-06.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
GUILLERMINA
-------------------------------- */

.cd-container-project-clmn-guillermina-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/guillermina/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-guillermina-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/guillermina/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-guillermina-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/guillermina/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-guillermina-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/guillermina/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-guillermina-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/guillermina/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-guillermina-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/guillermina/right-03.jpg");
	background-size: cover;
	display: inline-block;
}

/* -------------------------------- 
WU
-------------------------------- */

.cd-container-project-clmn-wu-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/wu/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-wu-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/wu/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-wu-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/wu/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
ADECCO
-------------------------------- */

.cd-container-project-clmn-adecco-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/adecco/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-adecco-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/adecco/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-adecco-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/adecco/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-adecco-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/adecco/right-04.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-adecco-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/adecco/right-05.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-adecco-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/adecco/right-06.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
DHL
-------------------------------- */

.cd-container-project-clmn-dhl-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/dhl/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-dhl-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/dhl/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-dhl-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/dhl/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-dhl-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/dhl/right-04.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
ISS
-------------------------------- */

.cd-container-project-clmn-iss-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-iss-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-iss-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-iss-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-iss-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-iss-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;
}


/* -------------------------------- 
block and action
-------------------------------- */


.cd-container-project-clmn-block-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/block-and-action/etiqueta-block.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-iss-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/block-and-action/block-costado.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-iss-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-iss-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-iss-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-iss-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/iss/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
bh
-------------------------------- */

.cd-container-project-clmn-bh-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/bh/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-bh-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/bh/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-bh-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/bh/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
NATUFARMA
-------------------------------- */

.cd-container-project-clmn-natufarma-1-img {
	width: 100%;
	height: 850px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/natufarma/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-natufarma-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/natufarma/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
PPG
-------------------------------- */

.cd-container-project-clmn-ppg-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/ppg/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-ppg-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/ppg/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-ppg-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/ppg/right-03.jpg");
	background-size: cover;
	display: inline-block;
}

/* -------------------------------- 
PRUDENTIAL
-------------------------------- */

.cd-container-project-clmn-prudential-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/prudential/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-prudential-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/prudential/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-prudential-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/prudential/right-03.jpg");
	background-size: cover;
	display: inline-block;
}

/* -------------------------------- 
PAGO
-------------------------------- */

.cd-container-project-clmn-pago-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/pago/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-pago-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/pago/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-pago-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/pago/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
/* -------------------------------- 
ARUBRAS
-------------------------------- */

.cd-container-project-clmn-arubras-1-img {
	width: 100%;
	height: 460px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/arubras/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-arubras-2-img {
	width: 100%;
	height: 370px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/arubras/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-arubras-3-img {
	width: 100%;
	height: 350px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/arubras/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-arubras-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/arubras/right-04.jpg");
	background-size: cover;
	display: inline-block;
}

/* -------------------------------- 
CLUB DE COCINEROS
-------------------------------- */

.cd-container-project-clmn-clubcocineros-1-img {
	width: 100%;
	height: 350px;
	margin: 0px;
	background-image:url("http://barratres.com/img/portfolio/clubcocineros/right-01.jpg");
	background-size: cover;
	display: inline-block;	
}
.cd-container-project-clmn-clubcocineros-2-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/clubcocineros/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-clubcocineros-3-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/clubcocineros/right-03.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-clubcocineros-4-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/clubcocineros/right-01.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-clubcocineros-5-img {
	width: 100%;
	height: 450px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/clubcocineros/right-02.jpg");
	background-size: cover;
	display: inline-block;
}
.cd-container-project-clmn-clubcocineros-6-img {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("http://barratres.com/img/portfolio/clubcocineros/right-03.jpg");
	background-size: cover;
	display: inline-block;
}

/* -------------------------------- 
FIN PORTFOLIO
-------------------------------- */


@media all and (min-width: 320px) and (max-width: 780px) {
	.cd-container-project-clmn-1 {
		width: 100%;
	}
	.cd-container-project-clmn-1 p {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
	.cd-container-project-clmn-1-img {
		width: 100%;
	}
	.cd-container-project-clmn-2 img {
		width: 100%;
	}
	.cd-container-project-clmn-2 {
		width: 100%;
	}
	.cd-container-project-clmn-2-img {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) {
  .cd-intro-project h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-intro-project {
    height: 700px;
  }
  .cd-intro-blog {
    height: 400px;
  }
}
.cd-container-project {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 5rem;
  margin-bottom: 1rem;
  background-color: #f9f9f9;
  padding: 4rem;
}
.cd-main-content-project {
  position: relative;
  z-index: 1;
}
.cd-main-content-project p {
  line-height: 1.6;
}
.cd-main-content-project-img {
  width: 100%;
  margin: 0 auto;
  right: 0;
  left: 0;
  text-align: center;
}
.cd-main-content-project-img img {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1170px) {
  .cd-main-content-project p {
    font-size: 20px;
    font-size: 1.5rem;
  }
}