.wrapper {
  position: relative;
  height: calc(100vh - 82px);
/*  width: calc( (80vw * 5) + ((100vw - 20px) * 3) + (10px * 10) );*/
  width: calc( (100vw * 5) - (20vw * 2) + (50px * 10)  );
  padding: 0px 0px;
  border-top: 0px white solid;
  border-bottom: 0vh white solid;
  background-color: var(--black)
}

.thumbnail {
  display: inline-block;
  float: left;
  height: calc(100vh - 82px);
  width: calc(70vw - 0px);
  color: white;
  padding: 0px;
  border-radius: 0px;
  margin-right: 0px;
  opacity: 1;
  overflow: hidden;
}

.thumbnail:nth-child(1) {
  
}

.thumbnail:nth-child(2) {

}

.thumbnail:nth-child(3) {

}

.thumbnail:nth-child(4) {

}

.thumbnail:nth-child(5) {
  background-color: var(--black);
  color: var(--white);
  
}

.thumbnail:nth-child(6) {
  background-color: black;
}

.thumbnail:nth-child(7) {
  background-color: green;
}

.thumbnail:nth-child(8) {
  background-color: darkred;
}

.thumbnail:nth-child(9) {
  background-color: teal;
}

.thumbnail:nth-child(10) {
  background-color: steelblue;
}

.thumbnail:nth-child(11) {
  background-color: salmon;
}

.thumbnail:last-child {
  margin-right: 0px;
}

.full {
  width: calc(100vw - 20px - 20px);
}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
  }

  /************************************* 980px *************************************/
@media only screen and (max-width: 767px) {
  .thumbnail {
    height: auto;
    width: 100vw;
  }
  .project-wrap{
    width: 100%;
    overflow: hidden;
  }
  .pin-spacer{
    height: auto !important
  }
  .project-wrap .container-full{
        transform: none !important;
    left: 0px;
    top: 82px;
    margin: 0px;
    max-width:  auto !importantx;
    width: 100% !important;

    height: auto !important;
    padding: 0px;
    box-sizing: border-box;
    position: static !important;
max-height: inherit !important;
  }
  .wrapper{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
      width: 100% !important;
  }
  .thumbnail{
     width: 100% !important;
      transform: none !important;
      min-height: 350px;
  }
  }