/* CSS Document */

body {
    background-image: url("undefinedfullspectrum.jpg");
    background-attachment: fixed;
    background-repeat: repeat;
    background-size: contain;
}

.spacer {
     width: 30%;
    height: 580px;
}

.boxtop {
    border: none;
    width: 65%;
    align-self: center;
    background-color: #FFFFFF;
    opacity: 50%;
    color: #B4B3AF;
    margin-left: auto;
    margin-right: auto;
    padding: 17px;
}

.center {
      margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.boxtop h1 {margin: 0; font-style: italic; font-size: 3.14vw; }
.boxtop p {margin: 0; font-size: 1vw; }

@media only screen and (max-width: 800px) {
    
  .boxtop h1 {margin: 0; font-style: italic; font-size: 5.14vw; }
.boxtop p {margin: 0; font-size: 2.5vw; }  
    
}