html, body {
  padding: 0;
  margin: 0; }

/**
 * TYPOGRAPHY
 */
.heading--h1, .heading--h2, .heading--h3, .heading--h4, .heading--h5, .heading--h6, a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  font-family: Lato,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; }

.heading--h1, h1 {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-size: 1.6em; }

/**
 * HEADER
 */
body {
  background: #1666b3;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1666b3 0%, #3397d0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1666b3 0%, #3397d0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1666b3 0%, #3397d0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1666b3', endColorstr='#3397d0',GradientType=1 );
  /* IE6-9 */ }
  body, body a, body a:visited {
    color: #fff; }
  body a, body a:visited {
    text-decoration: none; }
  body header {
    background-color: #fff;
    min-height: 170px;
    text-align: center;
    /**
     * LOGO
     */ }
    @media (max-width: 460px) {
      body header {
        min-height: 130px; } }
    body header .site-logo__image {
      width: 310px;
      margin-top: 50px; }
      @media (max-width: 460px) {
        body header .site-logo__image {
          margin-top: 40px; } }

.content {
  font-size: 20px;
  text-align: center; }

.content__header {
  position: relative;
  line-height: 50px;
  margin-top: 120px; }
  @media (max-width: 460px) {
    .content__header {
      margin-top: 50px; } }
  .content__header:after {
    content: '';
    position: absolute;
    background-color: #ffb800;
    width: 50px;
    height: 4px;
    bottom: -24px;
    left: 50%;
    margin-left: -25px; }

.language-list {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  list-style: none;
  letter-spacing: 0.015em;
  padding: 0;
  margin-top: 125px; }
  @media (max-width: 460px) {
    .language-list {
      margin-top: 70px; } }
  .language-list li a {
    display: block;
    margin: 1.125rem; }
    @media (max-width: 460px) {
      .language-list li a.language-list__link--long {
        margin-top: 30px;
        margin-bottom: 30px; } }
    @media (max-width: 460px) {
      .language-list li a.language-list__link--long .language-list__country {
        top: -15px; } }
  .language-list li .language-list__container {
    position: relative; }
  .language-list li .language-list__country {
    position: absolute;
    text-align: right;
    right: 45px;
    min-width: 200px;
    margin-top: -3px; }
    @media (max-width: 460px) {
      .language-list li .language-list__country {
        min-width: initial; } }
  .language-list li .language-list__country-flag {
    width: 30px;
    height: 20px;
    background-color: gray;
    display: inline-block; }
  .language-list li .language-list__hello {
    position: absolute;
    left: 45px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: -3px; }

/*# sourceMappingURL=main.css.map */