/* DEFAULT */
@media only screen {
  .color {
    border: 1px solid #000000;
    height: 50px;
    width: 130px;
  }
  .half {
    margin: 1%;
    padding: 1%;
    width: 46%;
  }
  .options {
    border: 1px solid #000000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 10px;
    padding: 10px;
  }
  .option-text {
    margin-right: 20px;
    width: 8em;
  }
  .option-pic {
    border: 1px solid #000000;
    height: auto;
    max-width: 133px;
    width: 25vw;
  }
  #bg1 {
    background: url("../images/bg-cemetery.jpg") 50% 50% no-repeat;
    background-size: contain;
    height: 33vw;
  }
  #colors img {
    margin: 0 0 -1em 0;
  }
  #colors div {
    margin: .5em;
    width: 290px;
  }
  #colors p {
    margin: .5em 0;
    text-align: right;
  }
  #hallman-pic {
    height: auto;
    max-width: 600px;
    width: 40vw;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* MOBILE */
@media only screen and (max-width: 800px) {
  .half {
    width: 100%;
  }
  #colors div {
    min-width: 26%;
    max-width: 95%;
  }
  #hallman-pic {
    width: 80vw;
  }
}