/* Text Elements */

span.text-element.text-1 {
  color: #fff;
  text-align: right;
  text-shadow: #141414 3px 3px 5px;
  font-size: 1.25em;
}

span.text-element.text-2 {
  color: #fff;
  text-shadow: #000 3px 3px 5px;
  font-size: 1.25em;
}

a.link-text span.text-link-text-1 {
  font-size: 1.4285714285714286em;
}

a.link-text.text-link-1 {
  color: #ffff4a;
  text-shadow: #1c1c1c 3px 3px 5px;
}

a.link-text.text-link-2 {
  color: #d0edca;
  text-align: right;
  text-shadow: #141414 3px 3px 5px;
}

/* Layout Elements */

body.grid-1 {
  background-image: url('../kath-M%20image/2013_08_03_4255.JPG');
  background-origin: border-box;
  background-size: cover;
}

div.responsive-picture.picture-1 {
  margin-right: auto;
  margin-left: auto;
  max-width: none;
  width: 50%;
}

.row > [class*='coffee-span-'] .html-element.html-element-1 {
  min-height: .3125em;
  max-height: .3125em;
}

@media screen and (max-width: 99em) {
  /* Layout Elements */

  body.grid-1 {
    background-image: url('../kath-M%20image/2013_08_03_4255.JPG');
  }
}

@media screen and (max-width: 97.4375em) {
  /* Layout Elements */

  body.grid-1 {
    background-origin: border-box;
    background-size: cover;
  }
}

@media screen and (max-width: 84.125em) {
  /* Layout Elements */

  body.grid-1 {
    background-attachment: local;
    background-position: center center;
    background-origin: padding-box;
    background-size: cover;
    background-repeat: repeat;
  }

  .row > [class*='coffee-span-'] .html-element.html-element-1 {
    min-height: .25em;
    max-height: .1875em;
  }
}

@media screen and (max-width: 67.875em) {
  /* Layout Elements */

  body.grid-1 {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: repeat;
  }

  div.responsive-picture.picture-1 {
    width: 52%;
  }
}

@media screen and (max-width: 65.0625em) {
  /* Layout Elements */

  body.grid-1 {
    background-clip: content-box;
  }

  body > .row.row-1 {
    position: relative;
    max-width: none;
    width: auto;
    background-position: center center;
    background-repeat: repeat;
  }
}

@media screen and (max-width: 59em) {
  /* Layout Elements */

  body > .row.row-1 {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: repeat;
  }

  body.grid-1 {
    background-repeat: no-repeat;
  }

  div.responsive-picture.picture-1 {
    margin-top: .4375em;
    margin-bottom: 0;
    width: 65%;
  }
}

@media screen and (max-width: 46.1875em) {
  /* Layout Elements */

  body.grid-1 {
    padding-top: .625em;
    min-height: 32.875em;
    background-size: cover;
  }
}

@media screen and (max-width: 36.125em) {
  /* Text Elements */

  span.text-element.text-1 {
    float: right;
    clear: left;
    width: auto;
  }

  /* Layout Elements */

  body > .row.row-1 {
    min-height: 0;
    background-origin: content-box;
    background-size: cover;
    background-repeat: repeat;
  }

  body > .row > [class*='coffee-span-'].text-1 {
    position: static;
    float: none;
    clear: left;
    margin-right: auto;
    margin-left: auto;
  }

  body > .row > [class*='coffee-span-'].column-1 {
    position: static;
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  div.responsive-picture.picture-1 {
    margin-left: 0;
  }
}

@media screen and (max-width: 28.5625em) {
  /* Layout Elements */

  body.grid-1 {
    background-size: cover;
    background-repeat: no-repeat;
  }

  div.responsive-picture.picture-1 {
    width: 75%;
  }
}

@media screen and (max-width: 14.4375em) {
  /* Text Elements */

  span.text-element.text-2 {
    font-weight: 600;
    font-size: .9375em;
  }

  span.text-element.text-1 {
    font-weight: 600;
    font-size: .9375em;
  }

  a.link-text.text-link-2 {
    font-size: .875em;
  }

  /* Layout Elements */

  body.grid-1 {
    background-attachment: scroll;
    background-size: cover;
  }

  div.responsive-picture.picture-1 {
    width: 92%;
  }
}