/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/droidserif/v6/QQt14e8dY39u-eYBZmppwYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
    color: #212121;
    background: #eaeaea;
}

h1, h2 {
    font-family: 'Droid Serif';
}

.hero {
    background: #1a1711 url('../images/bg-full.jpg') no-repeat center left;
    min-height: 300px;
    color: #fff;
}

.hero p {
    font-size: 17px;
    padding-bottom: 1em;
}

.hero a {
    text-decoration: none;
}

.hero--button {
    padding: 8px;
    background: #fff;
    color: #1a1711;
    text-decoration: none;
}

.hero--button:hover, .hero--button:active {
    background: #FF5722;
    color: #fff;
}

article {
    padding: 2em 0;
}

blockquote {
    font-size: 20px;
    font-style: italic;
    color: #FF5722;
    font-family: 'Droid Serif';
}

blockquote cite {
    font-weight: 700;
}


.gray-box {
    background: #B6B6B6;
}

img {
    width: 100%;
    height: auto
}

.navigation ul {
    margin: 0;
    padding: 0;
}

.navigation li {
    display: inline-block;
}

.navigation a, .hero--link {
    color: #fff;
    padding: 4px 8px;
}

.hero--link:hover {
    text-decoration: underline
}


.browserupgrade {
    background: #FF5722;
    color: #fff;
    margin: 0;
    padding: 12px 0;
    text-align: center;
}

.browserupgrade a {
    color: #fff;
    background: rgba(0,0,0,0.2);
    padding: 2px;
    display: inline-block
}