/* Text Elements */

h1.page-title {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #383a3d;
  text-align: center;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

h6.travel-heading {
  color: #18191a;
  text-align: center;
  font-style: italic;
  font-size: 30px;
  font-family: Georgia, Times, 'Times New Roman', serif;
}

h6 span.heading-text-1 {
  font-size: 10px;
}

/* Interaction Elements */

a.link-button.nav {
  margin-top: 9px;
  margin-bottom: 9px;
  background-color: transparent;
  font-family: 'Montserrat', sans-serif;
}

a.link-button.button-link-1 {
  background-color: #09120b;
}

a.link-button.button-link-2 {
  background-color: #091a0d;
}

a.link-button.button-link-3 {
  background-color: #09130c;
}

a.link-button.button-link-4 {
  background-color: #09130c;
}

a.link-button.nav:hover {
  color: #61a3c9;
}

/* Layout Elements */

body.grid-1 {
  padding-bottom: 0;
  background-color: #fff;
}

body > .row.nav-row {
  background-color: #262626;
}

body > .row > [class*='coffee-span-'].footer-column {
  text-align: center;
}

body > .row.footer-row {
  margin-top: 80px;
  padding-bottom: 60px;
}

body > .row > [class*='coffee-span-'].centered-content {
  text-align: center;
}

body > .row.travel-impressions {
  padding-bottom: 40px;
}

body > .row > [class*='coffee-span-'].column-1 {
  display: block;
  float: left;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

body > .row > [class*='coffee-span-'].column-l {
  display: block;
  float: left;
  width: 35%;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
body > .row > [class*='coffee-span-'].column-r {
  display: block;
  float: left;
  width: 65%;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(2);
       -o-transform: scale(2);
          transform: scale(1);
}

div.responsive-picture.travel-image {
  margin-right: auto;
  margin-left: auto;
  max-width: 330px;
}

@media screen and (max-width: 419px) {
  /* Interaction Elements */

  a.link-button.nav {
    display: block;
    padding-top: 11px;
    padding-bottom: 11px;
  }
}