html {
    width: 100%;
    height: 100%;
    display: table;
  }
body {
  background-color: white;
  width: 100%;
  height: 100%;
  display: table-cell;
  font-family: 'Caudex', serif;
  font-size: 12px;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}
img {
  position: relative;
  z-index: -1;
}
#sample-glasses {
  width: 100%;
  max-width: 1200px;
}

.mobile_browser_message{
  display: none;
}

.magnify{
  position: relative;
  width: 100%;
  max-width: 1200px;
  -moz-box-shadow: inset 50px 50px 320px 320px white !important;
  -webkit-box-shadow: inset 50px 50px 320px 320px white !important;
  box-shadow: inset 50px 50px 320px 320px white !important;
}  

.magnify > .magnify-lens {
  background-color: #fff !important; /* Prevent adjacent image from appearing in lens */
}

/* MOBILE-FRIENDLYYYY */
@media (max-width: 812px) {
  .mobile_browser_message{
    display: block;
    box-sizing: border-box;
    padding: 20%;
  }
}