.gallery{
  width: 73%;
  flex-direction: column;
  justify-content: center;

  .header{
    width: 100%;
    height: 35px;
    border-bottom: 1px solid black;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;

    .back a, .reference{
      @extend .din-regular;
      text-transform: uppercase;
    }

    .back{
      display: flex;
      align-items: center;
      font-size: 1.125rem;


      .back_arrow{
        margin-right: 10px;
      }
    }

    .reference{
      font-size: 1.6875rem;
    }
  }

  .photos{
    .photo{
      img{
        display: block;
        margin: 0 auto;
        height: calc(100vh - 330px);
      }
    }
  }

  .finition_container{
    display: flex;
    flex-direction: column;
    align-items: center;

    img{
      display: block;
      margin: 0 auto;
      height: calc(100vh - 345px);
    }    
    
    .back_to_gallery{
      margin-top: 25px;
      border-radius: 0;
      border: 1px solid black;
      color: #000;
    }
  }


  .bullets{
    display: flex;
    margin-top: 30px;
    justify-content: center;

    .bullet{
      height: 10px;
      width: 10px;
      border: 1px solid black;
      cursor: pointer;

      &:not(:first-child){
        margin-left: 10px;
      }

      &.current{
        background-color: black;
      }
    }
  }
}