body {
  color: white; }

img {
  width: 100%;
  height: auto; }

.row {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .row {
      margin-bottom: 20px; } }

#headline {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: normal;
  font-size: 24px;
  color: #B6B6B6;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  padding-top: 10px;
  padding-bottom: 15px; }

.col-hover {
  cursor: pointer;
  cursor: hand;
  transition: opacity 300ms ease-out; }
  .col-hover:hover {
    opacity: 0.5; }

footer {
  display: block;
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 35px;
  font-family: Georgia, serif;
  font-weight: normal;
  font-style: italic;
  font-size: 13px;
  color: #b6b6b6; }
  @media (min-width: 768px) {
    footer {
      position: absolute; } }

.col-xs-1 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-1 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-2 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-2 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-3 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-3 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-4 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-4 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-5 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-5 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-6 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-6 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-7 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-7 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-8 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-8 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-9 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-9 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-10 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-10 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-11 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-11 {
      padding-left: 10px;
      padding-right: 10px; } }

.col-xs-12 {
  padding-left: 5px;
  padding-right: 5px; }
  @media (min-width: 768px) {
    .col-xs-12 {
      padding-left: 10px;
      padding-right: 10px; } }

#main {
  position: relative;
  width: 100%;
  top: 0;
  margin-top: 10px;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    #main {
      position: absolute;
      top: 50%;
      margin-top: -237px; } }
  @media (min-width: 992px) {
    #main {
      position: absolute;
      top: 50%;
      margin-top: -312px; } }

a:hover, a:focus {
  color: red;
  outline: 0;
  border: none; }

#language {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  padding-top: 3px;
  padding-right: 7px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #B6B6B6; }
  #language a {
    color: #B6B6B6; }
    #language a:hover {
      color: white;
      text-decoration: none; }
  #language .active {
    color: white;
    text-decoration: none; }