/* ****************************************** GENERAL LAYOUT */

* {
        margin: 0px;
        padding: 0px;
}

html {
        background-color: #FFF;
}

A, A:VISITED {
        color : #004D81;
}

A:ACTIVE, A:HOVER {
        color : #2A2A2A;
}

main, footer {
        font-family: Open Sans, sans-serif;
        color: #2A2A2A;
        font-size: .8em;
}

h1 {
        padding-bottom: .4em;
        font-size: 2.6em;
}

h2 {
        padding-bottom: 1.2em;
        font-weight: 400;
        font-size: 1.5em;
}

p {
        padding-bottom: 1.5em;
        text-align: justify;
}

input, textarea, button {
  border: 1px solid #AAA;
  box-sizing: border-box;
  padding: .5em;
  margin-bottom: .5em;
  font-family: inherit;
  font-size: inherit;
}

input, textarea {
  width: 20em;
}

button {
  width: 10em;
}

/* ****************************************** DESKTOP */

@media screen and (width >= 800px) {

html {
        background: url(bg.jpg) fixed no-repeat left 0em top 0em / 50%; 
}

main {
        margin-top: 5%;
        margin-bottom: 5%;
        margin-left: 55%;
        margin-right: 5%;
}

footer {
        margin-top: 20%;
        margin-bottom: 5%;
        margin-left: 55%;
        margin-right: 5%;
}

/* ****************************************** MOBILE */

@media screen and (width < 800px) {

main {
        margin-top: 15%;
        margin-bottom: 15%;
        margin-left: 15%;
        margin-right: 15%;
}