body {
  background: #ebebeb url("../projects/monkeyme/bg-grey_small.png") no-repeat center top; }
  @media only screen and (min-width: 601px) {
    body {
      background-image: url("../projects/monkeyme/bg-grey_medium.png"); } }
  @media only screen and (min-width: 901px) {
    body {
      background-image: url("../projects/monkeyme/bg-grey_large.png"); } }

header {
  background: #304f91 url("../projects/monkeyme/bg_small.png") no-repeat center top;
  /* max-width fix for firefox */ }
  header img {
    padding-bottom: 30px; }
  @media only screen and (min-width: 601px) {
    header {
      background-image: url("../projects/monkeyme/bg_medium.png"); } }
  @media only screen and (min-width: 901px) {
    header {
      background-image: url("../projects/monkeyme/bg_large.png"); } }
  header img {
    width: 100%;
    max-width: 415px; }
    @media only screen and (max-width: 600px) and (orientation: landscape) {
      header img {
        width: auto;
        max-width: auto !important;
        max-height: 180px; } }

img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px; }

img[src*="icon"] {
  margin-top: -70px;
  margin-bottom: 20px; }

@media only screen and (min-width: 601px) {
  img[src*="screen"] {
    width: 31%;
    margin: 0 1%;
    float: left; } }