.right, .left, .top, .bottom {
  position: absolute;
  margin: 0px;  
  padding: 0px;
}
.right { right: 0px; }
.left { left: 0px; }
.top { top: 0px; }
.bottom { bottom: 0px; }
.margin { margin: 137px 0px; }
.size {
  max-width: 300px; 
  height: 300px;
} 
body.main { background-image: url('/img/graphics/bg.png'); }
body.support { 
  background-image: url('/img/graphics/valiant-404-bg.png'); 
  background-position: center;
}
body.support header, body.main header { background: inherit; }
body.support header img, body.main header img { width: 210px; }
footer.support { display: block; }
footer.support div { text-align: center; }
body.support footer, body.main footer { 
  height: auto; 
  background: rgba(190, 31, 68, 1);
}
body.support footer div, body.main footer div { background: rgba(58, 58, 58, 0); }
body.support form, body.main form { background: rgba(255, 255, 255, 1); }
body.support .transformer-bg, body.main .transformer-bg { background-image: url('/img/graphics/transformer-bg.png'); }
body.support .contact, body.main .contact { background-image: url('/img/graphics/contact-bg.png'); }
body.support img.small, body.main img.small { height: 100px; }
body.support img.large, body.main img.large { height: 700px; }
body.support div.success, body.main div.success { background: #fff; }

.big {
  font-size: 185px;
}
.margin {
   margin-right: 500px;
 }

/* a. Phones and Lower Res Tablets */
@media only screen and (max-width: 600px) {
  #about .screen img { 
      width: 100%;
      height: auto;
      margin-top: 0px;
   }
   #about .text img { 
      height: 100%;
      margin-top: 50px;
      margin-bottom: 50px;
   }
   #about .text h1 { 
      height: 100%;
      margin-top: 50px;
      margin-bottom: 50px;
   }
   #contact .screen img { 
      display: none;
   }
}

/* b. Tablet */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  #about .screen img { 
    width: 90%;
    height: auto;
    margin-top: 56px;
 }
 #about .text img { 
    width: 80%;
    margin-top: 0px;
    display: block;
    margin-bottom: 3px;
    margin-bottom: 50px;
 }
 #contact .screen img { 
   height: 600px;
   margin-top: 50px;
}
}

/* c. iPad Pro */
@media only screen and (width: 1024px) and (height: 1366px) and (orientation: portrait) {
  #about .screen img { 
      width: 85%;
      height: auto;
      margin-top: -50px;
   }
   #about .text img { 
      width: 30%;
      height: auto;
      margin-top: 0px;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }
   #about .text h2 { 
      margin-top: 350px;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }
}

/* d. 14 inch laptop */
@media only screen and (min-width: 1025px) and (max-width: 1344px) {
   #about .text img { 
   }
   #about .text h2 { 
   }
}

/* d. 16 inch laptop */
@media only screen and (min-width: 1345px) and (max-width: 1716px) {
  #about .text img { 

  }
  #about .text h2 { 

  }
}