.portfolio__outer-container{max-width:1280px;margin:auto}.portfolio_project__outer{width:100%;position:relative;display:block}.portfolio_project__inner{width:100%;height:0;padding-top:75%;background-position:50%;background-size:cover;background-repeat:no-repeat}.portfolio_project__outer.mea_portrait .portfolio_project__inner{padding-top:150%}.portfolio_project__overlay{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .5s;transition:opacity .5s;padding:2em;font-size:1.4em}.portfolio_project__overlay__title{text-transform:uppercase;font-family:AzoSans-Bold}.portfolio_project__overlay__tags{text-transform:uppercase}.portfolio_project__outer:focus .portfolio_project__overlay,.portfolio_project__outer:hover .portfolio_project__overlay{opacity:1}.portfolio__outer-container .grid-sizer{width:16.666%}.portfolio__filters{padding:4em 1em 2em;background-image:url(../img/bkg-base.svg);text-align:center}.portfolio-filter{background-color:transparent!important;color:#787878!important;cursor:pointer;padding:.5em 1em!important;min-width:0!important;margin:0!important}.portfolio-filter.active,.portfolio-filter:focus,.portfolio-filter:hover{color:#000!important}@media only screen and (min-width:960px){.portfolio__items{position:relative}.portfolio_project__outer{width:33.333%;height:auto}.portfolio_project__outer.mea_landscape{width:66.666%}.portfolio_project__outer.mea_landscape .portfolio_project__inner{padding-top:50%}.portfolio_project__outer.mea_portrait{z-index:1}.portfolio_project__outer.mea_portrait .portfolio_project__inner{padding-top:178%}.portfolio_project__outer.mea_small_square{width:33.333%}.portfolio_project__outer.mea_small_square .portfolio_project__inner{padding-top:78%}.portfolio_project__outer.mea_square{width:50%}}.portfolio__title-image{width:100%;height:100vh;background-position:50%;background-size:cover;background-repeat:no-repeat;position:fixed;top:0;right:0}.portfolio__title-title{width:100%;height:-webkit-calc(100vh - 90px);height:calc(100vh - 90px);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#fff;padding-bottom:90px}.portfolio__title-content{text-align:center;max-width:800px;margin:auto;padding:2em}.portfolio__title-content h1{font-size:2.5em;text-transform:none;margin-top:.2em}.portfolio__title-cat{font-size:1.2em;text-transform:uppercase}.portfolio__bloc{position:relative;width:100%;min-height:100vh;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.portfolio__bloc__text_content{text-align:center;max-width:800px;margin:auto;padding:2em;font-size:1.6em}.portfolio__bloc__text_content p{font-size:1em}@media only screen and (min-width:375px){.portfolio__title-content h1{font-size:3.5em}.portfolio__title-cat{font-size:1.4em}}@media only screen and (min-width:480px){.portfolio__title-title{height:-webkit-calc(100vh - 99px);height:calc(100vh - 99px);padding-bottom:99px}}@media only screen and (min-width:960px){.portfolio__title-title{height:-webkit-calc(100vh - 113px);height:calc(100vh - 113px);padding-bottom:113px}.portfolio__title-content h1{font-size:4em}.portfolio__title-cat{font-size:1.6em}.portfolio__bloc__text_content{font-size:1.8em}}