@media screen and (max-width: 1023px) {
  html { 
    background: url(strip_bw_vert.jpg) no-repeat center top fixed;
  }
  
  #content {
    width: 96vw;
    max-width: 800px;
    min-width: 550px;
    max-height: 96vh;
    margin: 2vw auto;
  }
  
  h1 { font-size: 90px; margin-bottom: 15px; }
  
  #profile { width: 200px; margin-bottom: 25px; }
  
  p { font-size: 27px; line-height: 32px; margin-bottom: 25px; }
  .quote { font-size: 22px; }
  .bold { font-size: 23px; }
  
  section h2 {
    padding-bottom: 10px;
    margin-bottom: 14px;
    font-size: 32px;
    border-bottom: 2px dashed #FFF;
  }
  
  ul li {
    margin: 0px 0px 25px;
    font-size: 27px;
    line-height: 35px;
  }

  .icon { width: 60px; margin-right: 5px; }
  
  #contact { font-size: 24px; }
  .hovertext { display: none; }
}