/* --- Fonts --- */

@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700');

/* --- General --- */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin:0px; padding:0px 0px 60px 0px; font-family: "Oxygen", sans-serif; font-weight:normal; font-size:16px; color:#222222; line-height:26px; text-decoration:none; background:#ffffff; }
img { border:0px; display:block }
form { margin:0px; padding:0px; }
a:link, a:visited, a:active { color:#db4946; outline:none; text-decoration:none; }
a:hover { outline:none; text-decoration:underline; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal; }
p { margin:0px; padding:0px 0px 35px 0px; }
strong { font-weight:700; }

/* --- HTML5 display definitions (from boilerplate http://html5boilerplate.com/) --- */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* --- Main --- */

.wrapper { max-width:450px; margin:80px; text-align:left; }
.logo { padding-bottom:60px; }

@media only screen and (min-width: 768px) { }
@media only screen and (max-width: 767px) {
    .wrapper { margin:55px 35px 35px 35px; }
}
@media only screen and (max-width: 470px) { }