html {
  font-size: 16px; }

body {
  color: #333333;
  font-family: "din-2014",sans-serif;
  font-weight: 300; }

/* TYPO */
a {
  color: #255ea4;
  text-decoration: none; }

/* HEADER */
header {
  background-color: #255ea4;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
  padding: 0.75rem 0; }
  header .inner {
    margin: 0 3.5%; }
  header #logo {
    line-height: 0; }
    header #logo img {
      width: 80px;
      height: auto; }

/* GALLERY */
main {
  margin: 4rem 3.5%; }

#intro {
  font-size: 1.25rem;
  line-height: 1.6;
  max-width: 860px;
  margin-bottom: 3rem; }
  @media only screen and (min-width: 768px) {
    #intro {
      font-size: 1.65rem; } }

#gallery {
  margin: 0 -0.75rem; }
  #gallery .item {
    padding: 0.75rem; }
    #gallery .item img {
      max-width: 100%; }
  #gallery:after {
    content: '';
    display: block;
    clear: both; }

/* FOOTER */
footer {
  background: #128cae;
  background: -webkit-linear-gradient(-45deg, #128cae 0%, #91d3e4 100%);
  background: -webkit-linear-gradient(315deg, #128cae 0%, #91d3e4 100%);
  background: -o-linear-gradient(315deg, #128cae 0%, #91d3e4 100%);
  background: linear-gradient(135deg, #128cae 0%, #91d3e4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128cae', endColorstr='#91d3e4',GradientType=1 ); }
  footer .inner {
    margin: 0 3.5%;
    padding: 0.75rem 0; }
    footer .inner p {
      color: white;
      margin: 0;
      padding: 0; }
    footer .inner a {
      color: white; }

/* LIGHBOX OVERWRITE */
.sl-image {
  overflow: hidden; }
  .sl-image .sl-caption {
    background-color: #255ea4 !important; }