.content__page-list { margin-bottom: 160px; }
@media (max-width: 767px) { .content__page-list { margin-bottom: 70px; } }
.content__page-list .content__list-item { position: relative; }
@media (min-width: 768px) { .content__page-list .content__list-item { padding-top: 66.6666666667%; } }
@media (max-width: 767px) and (min-width: 576px) { .content__page-list .content__list-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media (min-width: 768px) { .content__page-list .content__list-item .content__item { position: absolute; } }
@media (max-width: 767px) { .content__page-list .content__list-item .content__item { position: relative; padding: 5px; } }
@media (max-width: 767px) and (min-width: 576px) { .content__page-list .content__list-item .content__item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }

.content__page-list .content__list-item .content__item a { display: block; overflow: hidden; background-color: #000; }
@media (min-width: 768px) { .content__page-list .content__list-item .content__item a { border: 5px solid #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
.content__page-list .content__list-item .content__item a .item__image { background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
@media (min-width: 768px) { .content__page-list .content__list-item .content__item a .item__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
@media (max-width: 767px) { .content__page-list .content__list-item .content__item a .item__image { padding-top: 80%; } }
.content__page-list .content__list-item .content__item a .item__text { opacity: 0; position: absolute; font-family: "ACaslonProBold", Helvetica, Arial, sans-serif; color: #FFFFFF; letter-spacing: 3px; text-align: center; font-size: 15px; text-transform: uppercase; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; padding: 20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }
@media (max-width: 767px) { .content__page-list .content__list-item .content__item a .item__text { font-size: 13px; } }
.content__page-list .content__list-item .content__item a .item__text > div:after { background-image: url(../images/arrow.svg); width: 58px; height: 58px; content: ''; display: block; margin: 30px auto 0; }
.content__page-list .content__list-item .content__item a:hover .item__image { opacity: 0.4; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); }
.content__page-list .content__list-item .content__item a:hover .item__text { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
@media (min-width: 768px) { .content__page-list .content__list-item:nth-child(odd) .content__item:nth-child(1), .content__page-list .content__list-item:nth-child(even) .content__item:nth-child(2) { width: 50%; height: 100%; }
  .content__page-list .content__list-item:nth-child(odd) .content__item:nth-child(2), .content__page-list .content__list-item:nth-child(even) .content__item:nth-child(1) { width: 50%; height: 50%; }
  .content__page-list .content__list-item:nth-child(odd) .content__item:nth-child(3), .content__page-list .content__list-item:nth-child(even) .content__item:nth-child(3) { width: 25%; height: 50%; }
  .content__page-list .content__list-item:nth-child(odd) .content__item:nth-child(4), .content__page-list .content__list-item:nth-child(even) .content__item:nth-child(4) { width: 25%; height: 50%; }
  .content__page-list .content__list-item:nth-child(odd) .content__item:nth-child(1) { left: 0; top: 0; }
  .content__page-list .content__list-item:nth-child(odd) .content__item:nth-child(2) { right: 0; top: 0; }
  .content__page-list .content__list-item:nth-child(odd) .content__item:nth-child(3) { bottom: 0; left: 50%; }
  .content__page-list .content__list-item:nth-child(odd) .content__item:nth-child(4) { bottom: 0; right: 0; }
  .content__page-list .content__list-item:nth-child(even) .content__item:nth-child(1) { left: 0; top: 0; }
  .content__page-list .content__list-item:nth-child(even) .content__item:nth-child(2) { top: 0; right: 0; }
  .content__page-list .content__list-item:nth-child(even) .content__item:nth-child(3) { left: 0; bottom: 0; }
  .content__page-list .content__list-item:nth-child(even) .content__item:nth-child(4) { right: 50%; bottom: 0; } }

/*# sourceMappingURL=portfolio_landing_hilight.css.map */
