a {
  text-decoration: none;
}

.openerWindow {
  background: linear-gradient(180deg, #EBEBEB, #EBEBEB, #EBEBEB, white);
  -webkit-background: linear-gradient(180deg, #EBEBEB, #EBEBEB, #EBEBEB, white);
  min-height: calc(75vh - 400px);
}

.openButton {
  position: absolute;
  bottom: 10px;
  right: 15px;
  z-index: 98;

  width: 50px;
  height: 50px;
  background-image: url(Open.svg);
  background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;

}
.openButton:hover {
  z-index: 99;
  background-image: url(Open2.svg);
}

.navigationNewBackground {
  width: 330px !important;
}

.button1 img, .button2 img, .button3 img {
  width: auto;
}

.button1 { /*Random*/
  bottom: -25px;
  left: 5px;
  transform: translate(0,-50%);
}

.button2D { /*Alt Description*/
  bottom: -25px;  /*Change value locally, if applicable*/
  left: 70px;    /*Change value locally, if applicable*/
  width: 100px;   /*Change value locally, if applicable*/
  transform: translate(0,-50%);
}

.button3 { /*Next*/
  bottom: -25px;
  left: 155px;
  transform: translate(0,-50%);
}

.button1D { /*Next Description*/
  bottom: -25px;
  left: 220px;
  width: 110px;
  transform: translate(0,-50%);
}

.projectBox {
  background-repeat: no-repeat;
  background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}

.imageDescriptor {
  margin-bottom: 10px;
}

.shadow { /*New Class*/
  margin-bottom: 0px;
}

#box1 {
  background-image: url(assets_home/AMNH.png);
  background-position: left bottom;
  height: 500px !important;
}

#box2 {
  background-color: white;
  background-image: url(assets_home/dtech2.png);
  background-position: top;
  height: 400px !important;
}

#box3 {
  background-color: #f4f9fe;
  background-image: url(assets_home/iPad1.png);
  background-position: bottom;
  height: 400px !important;
  background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
}

#box4 {
  background-color: #a9d0df;
  background-image: url(assets_home/speedyMath.png);
  background-position: top center;
  height: 400px !important;
}

#box5 {
  background-color: #eceeda;
  background-image: url(assets_home/Duolingo1.png);
  background-position: top right;
  height: 400px !important;
}

#box6 {
  background-color: #525157;
  background-image: url(assets_home/penguin.png);
  background-position: center;
  height: 400px !important;
  background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
}

#box7 {
  background-image: url(assets_home/swissBrochure.png);
  background-position: bottom;
  height: 400px !important;
  background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
}

#box8 {
  background-color: #FCD7B3;
  background-image: url(assets_home/burgerking.png);
  background-position: center;
  height: 400px !important;
}

#box9 {
  background-image: url(assets_home/spotify.png);
  background-position: center;
  height: 400px !important;
}

@media only screen and (max-width: 900px) {
  #box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9 {
    height: 20vh !important;
  }
}

#boxProfile {
  background-image: url(assets_home/profile_picture.png);
  background-position: top;
  height: 50vh !important;
  width: 100%;
}