#images{
  display:inline-block;
  width:56%;
  font-size: 0;
  margin:2%;
}

.thumbnail {
  width:94%;
  margin:1.5% 3%;
}

#thumbnails{
  width:20%;
  display:inline-block;
}

#thumbnails:first-child{
  margin-top:none;
}

#thumbnails:last-child{
  margin-bottom:none;
}

#main-image-figure {
  width: 80%;
  margin:0;
  vertical-align: top;
  float:right;
  position:relative;
  overflow:hidden;
}

#main-image{
  display: inline-block;
  width:100%;
  object-fit: cover;
  cursor:none;
}

#image-title{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9));
  font-family: 'Aref Ruqaa', serif;
  color:white;
  font-size:initial;
  position:absolute;
  bottom:0;
  left:0;
  display:inline-block;
  width:100%;
  text-align: center;
  padding:2px;
}

#description {
  display:inline-block;
  margin: 2%;
  width: 36%;
  vertical-align: top;
  font-family:sans-serif;
}

#ordering{
  display:inline-block;
  width:96%;
  margin:2%;
  font-family:sans-serif;
}

#ordering h2{
  text-align: center;
}

/* Magnifier*/

#magnifier{
  border: 2px solid black;
  display:none;
  border-radius:100px;
  position:fixed;
  z-index:2;
  background-repeat:no-repeat;
  pointer-events:none;
}

@media(max-width:800px){
  #images{
    width:96%;
  }
  #description{
    width:96%;
  }
}