.mikes-modal {
  z-index: 10001;
  position: fixed;
  background-color: white;
  left: 50%;
  top: 50%;
  display: none; }
  .mikes-modal a {
    text-decoration: none; }
  .mikes-modal img {
    float: left; }
  .mikes-modal .description {
    width: 300px;
    float: right;
    text-align: left;
    padding: 10px 30px;
    overflow-y: auto; }
  .mikes-modal .close {
    position: absolute;
    right: 10px;
    cursor: pointer;
    opacity: 0.7; }

#loading-modal {
  position: absolute;
  z-index: 10000;
  width: 220px;
  height: 220px;
  top: 50%;
  left: 50%;
  margin-top: -110px;
  margin-left: -110px;
  background-color: #333;
  border-radius: 20px; }

#the-lights {
  background-color: #000;
  height: 100%;
  width: 100%;
  position: fixed;
  opacity: 0.9;
  top: 0;
  left: 0;
  z-index: 10000; }

@media all and (max-width: 700px) {
  .mikes-modal {
    left: 0%;
    margin-left: 0px !important;
    position: absolute; }
    .mikes-modal .description {
      clear: both;
      width: 95% !important;
      float: left;
      padding: 2.5%;
      background-color: white; }
    .mikes-modal .close {
      color: white;
      top: 0px; }
    .mikes-modal img {
      max-width: 100% !important;
      max-height: 100% !important; }
    .mikes-modal #comments {
      margin-top: 20px; }

  #comments-area .new-comment {
    position: inherit;
    width: 100%;
    background-color: black; } }