@import url("https://fonts.googleapis.com/css?family=Open+Sans:300");

@import url("https://fonts.googleapis.com/css?family=Open+Sans");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0px none;
     font-family: "Open Sans",sans-serif;
     font-feature-settings: inherit;
     font-kerning: inherit;
     font-language-override: inherit;
     font-size-adjust: inherit;
     font-size: inherit;
     font-stretch: inherit;
     font-style: inherit;
     font-synthesis: inherit;
     font-variant: inherit;
     font-weight: inherit;
     line-height: inherit;
     margin: 0px;
     padding: 0px;
     vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
}

strong, b {
     font-weight: bold;
}

blockquote::before, blockquote::after, q::before, q::after {
     content: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0px;
}

.wrapper {
     margin-left: auto;
     margin-right: auto;
     width: 900px;
}

p, ul {
     color: #000000;
     font-family: "Open Sans",sans-serif;
     font-size: 1.2em;
     font-weight: 300;
     line-height: 1.4em;
}

ul {
     margin: 4% 25% 0px 10%;
}

ul li {
     background-image: url("../pics/arrowlist.png");
     background-size: 15px;
     background-position: left 0px;
     background-repeat: no-repeat;
     list-style-type: none;
     margin: 0px;
     padding: 3px 0px 30px 40px;
}

ul li.last {
     background-image: none;
}

a {
     color: #9bbaca;
     text-decoration: none;
}

h1 {
     color: #000000;
     font-size: 2.0em;
     font-weight: 400;
     line-height: 1.1em;
     margin-top: 5%;
}

h2 {
     color: #9bbaca;
     font-size: 2.0em;
     font-weight: 300;
     line-height: 1.1em;
     margin-top: 2%;
}

h3 {
     color: #000000;
     font-size: 2.0em;
     font-weight: 300;
     line-height: 1.1em;
     margin-top: 5%;
}

.contact {
     margin: 4% 0px 0px 10%;
}

.contact p.mail {
     color: #9bbaca;
}

.footer {
     background: #9bbaca none repeat scroll 0% 0%;
     display: block;
     height: 350px;
     margin: 150px 0px 0px;
     width: 100%;
}

.footer p {
     text-align: center;
}

.footer img {
     margin: 2%;
     width: 12%;
}

@media screen and (max-width: 980px) {
  body { margin: 20px; }
  .wrapper { width: 100%; }
  p, ul { font-size: 1.1em; line-height: 1.2em; }
  ul { margin: 5% 0px 0px 5%; }
  h1 { font-size: 1.4em; }
  h2 { font-size: 1.4em; }
  h3 { font-size: 1.4em; }
  .footer { margin: 150px 0px 0px -20px; padding: 20px; }
  .footer img { margin: 2%; width: 16%; }
}