* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  margin: 0;
  font-family: "Libre Baskerville", serif;
  font-size: 1.6rem;
  overflow-x: hidden;
  position: relative;
  padding: 4rem 0; }
  body p {
    margin: 0; }
  body li {
    list-style: none; }
  body footer {
    padding: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

h1,
h2 {
  text-align: center; }

.img-gallery {
  position: relative;
  width: 60%;
  margin: 5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 1270px) {
    .img-gallery {
      width: 80%; } }
  .img-gallery__lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 0 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    will-change: transform; }
    .img-gallery__lightbox.is-open {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .img-gallery__lightbox .display-img-container {
      position: relative;
      width: 90%;
      height: 90%; }
      .img-gallery__lightbox .display-img-container img {
        height: 100%;
        width: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
      .img-gallery__lightbox .display-img-container::after {
        content: '';
        cursor: pointer;
        position: absolute;
        top: -13px;
        right: -13px;
        width: 26px;
        height: 26px;
        background: url(../img/close.png) no-repeat;
        background-size: contain; }
      .img-gallery__lightbox .display-img-container:hover .legend {
        opacity: 1; }
    .img-gallery__lightbox .display-img {
      position: relative;
      display: block;
      max-width: 100%;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transform-origin: 'center';
              transform-origin: 'center';
      -webkit-transition: -webkit-transform 0.2s ease 0.1s;
      transition: -webkit-transform 0.2s ease 0.1s;
      transition: transform 0.2s ease 0.1s;
      transition: transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
      will-change: transform; }
      .img-gallery__lightbox .display-img.is-loaded {
        -webkit-transform: scale(1);
                transform: scale(1); }
    .img-gallery__lightbox .loader {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
    .img-gallery__lightbox .sibling {
      cursor: pointer;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 35px;
      height: 35px;
      border: none;
      outline: none;
      background: url(../img/arrow.png) no-repeat;
      background-size: contain;
      -webkit-transition: -webkit-transform 0.1s;
      transition: -webkit-transform 0.1s;
      transition: transform 0.1s;
      transition: transform 0.1s, -webkit-transform 0.1s;
      will-change: transform; }
      .img-gallery__lightbox .sibling.previous {
        left: 8%;
        -webkit-transform: translateY(-50%) rotate(180deg);
                transform: translateY(-50%) rotate(180deg); }
        .img-gallery__lightbox .sibling.previous:hover {
          -webkit-transform: translateY(-50%) rotate(180deg) scale(1.1);
                  transform: translateY(-50%) rotate(180deg) scale(1.1); }
      .img-gallery__lightbox .sibling.next {
        right: 8%; }
        .img-gallery__lightbox .sibling.next:hover {
          -webkit-transform: translateY(-50%) scale(1.1);
                  transform: translateY(-50%) scale(1.1); }
  .img-gallery__row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 5rem; }
    .img-gallery__row__img-container {
      overflow: hidden; }
      .img-gallery__row__img-container img {
        cursor: pointer;
        -webkit-transition: -webkit-transform 0.2s ease-in;
        transition: -webkit-transform 0.2s ease-in;
        transition: transform 0.2s ease-in;
        transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
        will-change: transform; }
        .img-gallery__row__img-container img:hover {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }