/* =====================
MEDIA
===================== */

.page-media .btn.prev {
  margin-top: 60px;
}
.page-media .btn.prev span::before {
  content: "\f053";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #626e78;
  font-weight: normal;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-media .btn.prev span::before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-media .btn.prev:hover span::before {
  color: #ffffff;
}

.page-media .col01 {
  text-align: right;
}
.page-media .col01 img {
  width: 100%;
  height: auto;
}
.page-media .col01 img + .btn {
  margin-top: 30px;
}
.page-media .col01 .btn span::before {
  content: "\f34a";
  font-family: "Font Awesome 5 Pro";
  color: #626e78;
  font-weight: 900;
}

.page-media .col02 .zone_tags {
  display: block;
  margin: 0 0 30px 0;
  padding: 0;
  text-align: left;
  font-family: 'Oswald', Arial, Helvetica, sans-serif;
  font-size: 0.813rem;
  color: #626e78;
  text-transform: uppercase;
  font-weight: 500;
}

/* =====================
RESPONSIVE
===================== */

@media only screen and (max-width: 1159px) {}
@media only screen and (max-width: 991px) {



}
@media only screen and (max-width: 767px) {



}
@media only screen and (max-width: 575px) {}

@media only screen and (min-width: 576px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 1160px) {}