.portfolio .mainPortfolioPage .header { padding-top: 50px; }
.portfolio .mainPortfolioPage .header h1 { font-size: 45px; letter-spacing: 0.8; color: white; text-align: center; font-family: theanodidot-regular; text-transform: uppercase; }
.portfolio .mainPortfolioPage img { max-width: 90%; width: 644px; margin: 0 auto; display: block; }
.portfolio .mainPortfolioPage .mainText { width: 840px; max-width: 100%; margin: 0 auto; color: white; padding: 30px 0 70px; font-size: 15px; font-family: futurabk; text-align: center; }
.portfolio .portfolio-item .mainImage{text-align:center;}
.portfolio .portfolio-item { background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 400px; }
@media only screen and (min-width: 768px) { .portfolio .portfolio-item { min-height: 550px; } }
.portfolio .portfolio-item .content { padding: 20% 10%; }
.portfolio .portfolio-item .header { position: relative; }
.portfolio .portfolio-item .header h2 { z-index: 10; font-family: theanodidot-regular; color: #000; text-transform: uppercase; text-align: center; font-size: 40px; padding: 10px 0 30px; width: 400px; max-width: 100%; margin: 0 auto; display: block; position: relative; }
.portfolio .portfolio-item .header h2:after { content: " "; width: 20%; position: absolute; margin-left: 40%; left: 0; bottom: 10px; height: 1px; background-color: #FFF; }
.portfolio .portfolio-item .header h3 { left: 0; right: 0; position: absolute; z-index: 10; text-align: center; color: #a2a2a2; text-transform: uppercase; font-family: futurabk; font-size: 15px; }
.portfolio .portfolio-item .header .pageNumber { text-align: center; font-family: theanodidot-regular; font-size: 218px; left: 0; right: 0; top: -85px; position: absolute; z-index: 0; display: block; position: absolute; color: #dbdbdb; }
.portfolio .portfolio-item .mainText { padding-top: 90px; color: #383535; }
.portfolio .portfolio-item.color1 h2, .portfolio .portfolio-item.color-1 h2 { color: #FFF; }
.portfolio .portfolio-item.color1 h2:after, .portfolio .portfolio-item.color-1 h2:after { background-color: #FFF; }
.portfolio .portfolio-item.color1 h3, .portfolio .portfolio-item.color-1 h3 { color: #FFF; }
.portfolio .portfolio-item.color1 .mainText, .portfolio .portfolio-item.color-1 .mainText { color: #FFF; }
.portfolio .portfolio-item.color1 .pageNumber, .portfolio .portfolio-item.color-1 .pageNumber { color: #ea524c; }
.portfolio .portfolio-item.color2 h2, .portfolio .portfolio-item.color-2 h2 { color: #ea524c; }
.portfolio .portfolio-item.color2 h2:after, .portfolio .portfolio-item.color-2 h2:after { background-color: #FFF; }
.portfolio .portfolio-item.color2 h3, .portfolio .portfolio-item.color-2 h3 { color: #a2a2a2; }
.portfolio .portfolio-item.color2 .mainText, .portfolio .portfolio-item.color-2 .mainText { color: #FFF; }
.portfolio .portfolio-item.color2 .pageNumber, .portfolio .portfolio-item.color-2 .pageNumber { color: #dbdbdb; }
.portfolio .portfolio-item.color3 h2, .portfolio .portfolio-item.color-3 h2 { color: #FFF; }
.portfolio .portfolio-item.color3 h2:after, .portfolio .portfolio-item.color-3 h2:after { background-color: #FFF; }
.portfolio .portfolio-item.color3 h3, .portfolio .portfolio-item.color-3 h3 { color: #FFF; }
.portfolio .portfolio-item.color3 .mainText, .portfolio .portfolio-item.color-3 .mainText { color: #FFF; }
.portfolio .portfolio-item.color3 .pageNumber, .portfolio .portfolio-item.color-3 .pageNumber { opacity: 0.8; color: #000; }