* { margin: 0; padding: 0; }

html {
font-family: Arial, sans-serif;
font-size: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color: #FFFFFF;
min-height: 100%;
}

body {
background: #596A71;
background: -moz-linear-gradient(left, #445055 0%, #596A71 50%,  #445055 100%);
background: -webkit-linear-gradient(left, #445055 0%, #596A71 50%,  #445055 100%);
background: linear-gradient(to right, #445055 0%, #596A71 50%,  #445055 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596A71', endColorstr='#596A71',GradientType=1 );
}

a, a:focus, a:visited {
color: #63FFF2;
text-decoration: none;
}

a:hover, a:active {
color: #10EDDB;
text-decoration: none;
}

div.wrapper {
display: block;
position: relative;
margin: 1em auto;
text-align: center;
}

header {
display: block;
margin-bottom: 10px;
}

main {
display block;
}

main h2, main h3, main p {
margin-bottom: 1em;
color: #FFFFFF;
}

div.sitetext {
width: 100%;
}

div.sitetext h3 {
width: 1px; height: 1px;
font-size: 0.1rem;
color: #FFFFFF;
text-indent: -9999em;
}

@media screen and (max-width: 567px) {
  div.wrapper { width: 95%; }
  header img, div.sitetext img { width: 95%; height: auto; }
  h3 { font-size: 1.3rem; }
  h2 { font-size: 1.5rem; }
  p { font-size: 1rem; }
}

@media screen and (min-width: 568px) and (max-width: 959px) {
  div.wrapper { width: 90%; }
  header img, div.sitetext img { width: 60%; height: auto; }
  h3 { font-size: 1.2rem; }
  h2 { font-size: 1.4rem; }
  p { font-size: 1rem; }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
  div.wrapper { width: 85%; }
  header img, div.sitetext img { width: 50%; height: auto; }
  h3 { font-size: 1.1rem; }
  h2 { font-size: 1.3rem; }
  p { font-size: 1rem; }
}

@media screen and (min-width: 1280px) and (max-width: 1679px) {
  div.wrapper { width: 70%; }
  header img, div.sitetext img { width: 50%; height: auto; }
  h3 { font-size: 1.2rem; }
  h2 { font-size: 1.5rem; }
  p { font-size: 1rem; }
}

@media screen and (min-width: 1680px) {
  div.wrapper { width: 50%; }
  header img, div.sitetext img { width: 50%; height: auto; }
  h3 { font-size: 1.5rem; }
  h2 { font-size: 1.8rem; }
  p { font-size: 1.4rem; }
}