body {
    background-color: #006699; color: #e0e0e0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;
}

h1 {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px;
}

h2 {
  color: white;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px;
}

header {
  position: fixed; top: 0; left: 0; right: auto; width: 100%; height: 90px;
  background-color: #006699; background-image: url("background.png"); background-repeat: repeat-x; background-size: 10px 75px;
}

header img {
  display: block;
  width: 75px; height: 75px; margin: 0 0 0 auto;
}

h1 img {
  width: 55px;
  height: 55px;
  float: right;
}

footer p {
  text-align: center;
  font-size: 10px;
}

hr {
  margin: 45px 0 45px 0; border: 0; border-top: 1px solid #e0e0e0
}

input:checked {
  color: red;
}

p {
  text-align: justify;
  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; word-break:break-word;
}

.yellow {
  color: yellow;
  padding: 5px;
  border: 3px solid yellow;
}

div.logo {
  height: 75px; width: 250px;
  background-color: transparent; background-image: url("logo.png"); background-repeat: no-repeat; background-size: 250px 75px;
}

a.anchor {
  display: block; position: relative; visibility: hidden; top: -90px;
}

a, a:visited {
  color: #e0e0e0;
}

.important {
  color: white;
  border-right: 5px solid white;
  padding-right: 20px;
}

img.native {
  float: right;
  margin: 0 0 10px 20px;
}

img.full {
  width: 100%; margin: 10px auto 10px auto;
}

img.right {
  display: block;
}

img.left {
  float: left;
  width: 200px; margin: 0 20px 10px 0;
}

@media (max-width: 650px) {
  body {
    margin: 100px 20px 0px 20px;
  }
  
  div.logo {
    margin: 0; width: 100%;
  }
  
  img.right {
    width: 100%; margin: 10px auto 10px auto;
  }
}

@media (min-width: 650px) {
  body {
    margin: 100px auto 0px auto; width: 600px;
  }
  
  div.logo {
    margin: 0 auto 0 auto; width: 600px;
  }
  
  img.right {
    float: right;
    margin: 0 0 10px 20px; width: 300px;
  }
}

@media (min-width: 850px) {
  body {
    margin: 100px auto 0px auto; width: 800px;
  }
  
  div.logo {
    margin: 0 auto 0 auto; width: 800px;
  }
  
  img.right {
    float: right;
    margin: 0 0 10px 20px; width: 400px;
  }
}

@media (min-width: 1200px) {
  body {
    margin: 100px auto 0px auto; width: 1000px;
  }
  
  div.logo {
    margin: 0 auto 0 auto; width: 1100px;
  }
    
  img.right {
    float: right;
    margin: 0 0 10px 20px; width: 500px;
  }
}