@import url("https://fonts.googleapis.com/css?family=Muli:400");
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=2ca47a1c-cbcb-42f3-b3b7-1ced11f19ef4&fontids=2985183,2985187");
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
* Corrects `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
  display: inline-block; }

/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
  display: none;
  height: 0; }

/*
* Addresses styling for `hidden` attribute not present in IE 8/9.
*/
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Removes default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  width: 100%;
  height: auto; }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/*  
    Prefixes css commands

    Usage:  @include prefix(attribute, value);
    Input:  attribute:      css attribute (f.e. transition)
            value:          css value (f.e. width 1s ease)
            ?prefixes:      prefixes (f.e. ms webkit moz o)
    Output: attribute: value // -ms-attribute: value, etc.
*/
/*
    Box-Shadow border for design-testing purposes. It will not adjust element's size.

    Usage:  @include tb(), @include tb(color)
    Input:  ?color:         Default red
            ?size:          Default 2px
    Output: box-shadow: inset 0 0 size color // -ms-box-shadow: etc. 
*/
/*
    Generate the right sizes for the grid. Will generate the right sizes, even for oversizes and child container's

    Usage:  width: correctWidth(1)                  //  Generates width that is 1 grid element big
            width: correctWidth(10, 14/11, 0px)     //  Generats width, that is 10 grid elements big,
                                                        but is used from a child-container, which is only 11 steps big 
                                                        (whole grid has 14) and has no side-margins
    Input:  steps:          How big shall the width, relative to the grid, be. 
            multiplier:     Used out of child element: proportion of child-element to whole page-grid (f.e. 14/11 -> grid/childgrid)
            ?omargin:       Margin around the grid. If used out of child-container, it's mostly 0 (since there is none)
                            Default: from $outermargin generated in _base.scss
            ?items:         How many items has the whole grid?
                            Default: from $griditems generated in _base.scss
            ?itemw:         Grid-Item Width, mostly 100%/griditems
                            Default: from $griditemw generated in _base.scss
    Output: Width in percentage
*/
/*
    Generates transitions with multiple inputs and prefixes them

    Usage:  @include transition(width, height 0.3s ease-in-out);
    Input:  transitions:    comma separated list
    Output: -webkit-transition(width 0.2s, height 0.3s ease-in-out) // transition(width 0.2s, height 0.3s ease-in-out) // etc.
*/
/*
    Clearfix class to clear floats correctly

    Usage:  div { @extend %clearfix; }
    Input:  
    Output:
*/
section#contact div.cnt:after {
  content: "";
  display: table;
  clear: both; }

/*
    Standard Font Creation

    Usage:  @include fontStd(); // @include fontStd(3em);
    Input:  size        fontsize, default is the one defined in base.scss
            weight      weight, default is normal
    Output: font-size: 4em, font-weight: normal; 
*/
/*
    Text Glitch Variation

    Usage:  @include textGlitch() // @include textGlitch(2s);
    Input:  time
*/
@keyframes cray {
  2% {
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  4% {
    font-weight: 200;
    font-style: normal;
    text-decoration: underline;
    text-transform: none; }
  6% {
    font-weight: 200;
    font-style: italic;
    text-decoration: none;
    text-transform: uppercase; }
  8% {
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  10% {
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  12% {
    font-weight: 200;
    font-style: italic;
    text-decoration: line-through;
    text-transform: none; }
  14% {
    font-weight: 300;
    font-style: normal;
    text-decoration: line-through;
    text-transform: none; }
  16% {
    font-weight: 200;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase; }
  18% {
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  20% {
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  22% {
    font-weight: 400;
    font-style: italic;
    text-decoration: line-through;
    text-transform: none; }
  24% {
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  26% {
    font-weight: 200;
    font-style: italic;
    text-decoration: line-through;
    text-transform: none; }
  28% {
    font-weight: 200;
    font-style: normal;
    text-decoration: none;
    text-transform: lowercase; }
  30% {
    font-weight: 100;
    font-style: italic;
    text-decoration: line-through;
    text-transform: lowercase; }
  32% {
    font-weight: 200;
    font-style: normal;
    text-decoration: none;
    text-transform: lowercase; }
  34% {
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  36% {
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: lowercase; }
  38% {
    font-weight: 600;
    font-style: normal;
    text-decoration: underline;
    text-transform: none; }
  40% {
    font-weight: 100;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  42% {
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    text-transform: capitalize; }
  44% {
    font-weight: 100;
    font-style: italic;
    text-decoration: line-through;
    text-transform: none; }
  46% {
    font-weight: 500;
    font-style: normal;
    text-decoration: line-through;
    text-transform: none; }
  48% {
    font-weight: 200;
    font-style: normal;
    text-decoration: none;
    text-transform: lowercase; }
  50% {
    font-weight: 100;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  52% {
    font-weight: 200;
    font-style: italic;
    text-decoration: none;
    text-transform: uppercase; }
  54% {
    font-weight: 500;
    font-style: italic;
    text-decoration: line-through;
    text-transform: none; }
  56% {
    font-weight: 100;
    font-style: italic;
    text-decoration: none;
    text-transform: none; }
  58% {
    font-weight: 700;
    font-style: italic;
    text-decoration: none;
    text-transform: capitalize; }
  60% {
    font-weight: 100;
    font-style: italic;
    text-decoration: none;
    text-transform: none; }
  62% {
    font-weight: 700;
    font-style: italic;
    text-decoration: underline;
    text-transform: none; }
  64% {
    font-weight: 100;
    font-style: italic;
    text-decoration: line-through;
    text-transform: capitalize; }
  66% {
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  68% {
    font-weight: 200;
    font-style: italic;
    text-decoration: none;
    text-transform: none; }
  70% {
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase; }
  72% {
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-transform: lowercase; }
  74% {
    font-weight: 300;
    font-style: italic;
    text-decoration: none;
    text-transform: capitalize; }
  76% {
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  78% {
    font-weight: 400;
    font-style: italic;
    text-decoration: none;
    text-transform: none; }
  80% {
    font-weight: 400;
    font-style: italic;
    text-decoration: none;
    text-transform: none; }
  82% {
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  84% {
    font-weight: 600;
    font-style: normal;
    text-decoration: underline;
    text-transform: none; }
  86% {
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: none; }
  88% {
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    text-transform: lowercase; }
  90% {
    font-weight: 700;
    font-style: normal;
    text-decoration: underline;
    text-transform: none; }
  92% {
    font-weight: 200;
    font-style: normal;
    text-decoration: line-through;
    text-transform: none; }
  94% {
    font-weight: 500;
    font-style: italic;
    text-decoration: line-through;
    text-transform: none; }
  96% {
    font-weight: 700;
    font-style: italic;
    text-decoration: none;
    text-transform: none; }
  98% {
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-transform: lowercase; } }

/*
    Border Transition from Left to Right

    Usage:  @include borderTrans1(color,size);
    Input:  time
*/
/*
    Close Cross 

    Usage: 
    position: absolute;
    right: calc(50% - 25px);
    top: 0px;
    @include closeCross(50px, $borderwidth, $bordercolor);
*/
@font-face {
  font-family: "Dessau W00 Zwei";
  src: url("Fonts/2985183/ffeeac88-deda-4c21-b810-a0733802a205.eot?#iefix");
  src: url("Fonts/2985183/ffeeac88-deda-4c21-b810-a0733802a205.eot?#iefix") format("eot"), url("Fonts/2985183/30d1fc41-cbcf-4cd5-ac2e-f668faaa5b69.woff2") format("woff2"), url("Fonts/2985183/cd70d15d-c286-4fcd-9af1-2120418cfcb8.woff") format("woff"), url("Fonts/2985183/f063b07a-ca4a-4265-9b85-270c4f628fd8.ttf") format("truetype"); }

@font-face {
  font-family: "Dessau W00 Drei";
  src: url("Fonts/2985187/7d582da7-e87d-4338-8559-48190309cc45.eot?#iefix");
  src: url("Fonts/2985187/7d582da7-e87d-4338-8559-48190309cc45.eot?#iefix") format("eot"), url("Fonts/2985187/d523c6a3-08ed-4c3a-9dec-33bf102cf45c.woff2") format("woff2"), url("Fonts/2985187/f78551e4-7936-42d0-bd38-106220537799.woff") format("woff"), url("Fonts/2985187/5b921b84-8b17-4b05-adf1-4d6a4921a286.ttf") format("truetype"); }

h1 {
  font-family: 'Dessau W00 Drei', serif;
  font-size: 2.5em;
  font-weight: normal; }
  @media screen and (max-width: 1024px) {
    h1 {
      font-family: 'Dessau W00 Drei', serif;
      font-size: 2em;
      font-weight: normal; } }

h2 {
  font-family: 'Dessau W00 Drei', sans-serif;
  font-size: 1.8em;
  font-weight: normal; }
  @media screen and (max-width: 1024px) {
    h2 {
      font-family: 'Dessau W00 Drei', serif;
      font-size: 1.4em;
      font-weight: normal; } }

a {
  color: #302f2f;
  text-decoration: none; }

p {
  line-height: 1.5em;
  letter-spacing: 0.01em; }

b,
strong {
  font-family: 'Dessau W00 Drei', serif;
  font-size: 1.05em;
  font-weight: normal; }

::selection {
  color: white;
  background-color: #302f2f; }

body {
  background-color: white;
  font-family: 'Muli', sans-serif;
  font-size: 1.05em;
  font-weight: normal;
  overflow-x: hidden;
  overflow-y: scroll;
  color: #302f2f; }
  @media screen and (max-width: 1024px) {
    body {
      border-right: 5px solid #f7dfcb;
      border-left: 5px solid #f7dfcb; } }

aside.navicon {
  position: absolute;
  z-index: 101;
  display: none; }
  aside.navicon:hover {
    cursor: pointer; }
  @media screen and (max-width: 1024px) {
    aside.navicon {
      width: 14.28571%;
      height: 42.85714px;
      right: 7.14286%;
      margin-right: 5px;
      top: 25px;
      display: block;
      background-color: #f7dfcb; } }
  @media screen and (max-width: 1024px) and (orientation: landscape) {
    aside.navicon {
      width: 7.14286%; } }
  aside.navicon aside.navline {
    position: relative;
    width: 80%;
    margin-left: 10%;
    height: 3px;
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: white;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  aside.navicon.close {
    margin-bottom: 120px; }
    aside.navicon.close aside.navline {
      position: absolute; }
      aside.navicon.close aside.navline:nth-child(1) {
        margin-top: 20px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      aside.navicon.close aside.navline:nth-child(2) {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: 20px; }

aside.logo {
  position: fixed;
  width: calc(32.14286% - 38.57143px);
  top: 0px;
  right: calc(67.85714% - 81.42857px);
  margin-right: 60px;
  padding: 30px 0 30px 60px;
  z-index: 10; }
  @media screen and (max-width: 1024px) {
    aside.logo {
      position: relative;
      width: calc(100% - 14.28571%);
      right: 0;
      margin-right: 0;
      margin-left: 7.14286%;
      padding: 0; } }
  aside.logo h1 {
    margin: 0;
    line-height: 0.9em; }
    @media screen and (max-width: 1024px) {
      aside.logo h1 {
        padding-top: 15px; } }

@keyframes changeFont {
  50% {
    font-family: 'Dessau W00 Zwei', serif; }
  100% {
    font-family: 'Dessau W00 Drei', serif; } }
    aside.logo h1:hover {
      animation-name: changeFont;
      animation-duration: 0.5s;
      animation-iteration-count: infinite; }
      @media screen and (max-width: 1024px) {
        aside.logo h1:hover {
          animation-name: none; } }
  aside.logo div.nav {
    margin-top: 16.66667px;
    opacity: 0;
    color: #f7dfcb; }
    @media screen and (max-width: 1024px) {
      aside.logo div.nav {
        display: none; } }
    aside.logo div.nav a {
      font-weight: 300; }
      aside.logo div.nav a:hover, aside.logo div.nav a.active {
        color: #f7dfcb; }
  aside.logo:hover div {
    opacity: 1; }
  aside.logo.transform {
    right: calc(100% - 120px);
    margin-right: 110px;
    text-align: right;
    background-color: #f7dfcb;
    height: 100%; }
    @media screen and (max-width: 1024px) {
      aside.logo.transform {
        position: relative;
        width: calc(100% - 14.28571%);
        right: 0;
        margin-right: 0;
        margin-left: 7.14286%;
        padding: 0;
        background-color: transparent;
        text-align: left; } }
    aside.logo.transform h1 {
      opacity: 0; }
      @media screen and (max-width: 1024px) {
        aside.logo.transform h1 {
          opacity: 1; } }
    aside.logo.transform div {
      opacity: 0; }
    aside.logo.transform:hover, aside.logo.transform.show {
      right: calc(67.85714% - 81.42857px);
      margin-right: 60px;
      text-align: left; }
      aside.logo.transform:hover h1, aside.logo.transform.show h1 {
        opacity: 1; }
      aside.logo.transform:hover div, aside.logo.transform.show div {
        opacity: 1;
        color: white; }
        aside.logo.transform:hover div a, aside.logo.transform.show div a {
          color: white; }
          aside.logo.transform:hover div a:hover, aside.logo.transform:hover div a.active, aside.logo.transform.show div a:hover, aside.logo.transform.show div a.active {
            color: #302f2f; }

div.mobilenav {
  display: none;
  position: fixed;
  left: 5px;
  top: 0px;
  width: calc(100% - 14.28571%);
  padding: 21.42857% 7.14286% 0 7.14286%;
  height: 100%;
  background-color: #f7dfcb;
  z-index: 1000;
  color: white;
  font-family: 'Dessau W00 Drei', serif;
  font-size: 2em;
  font-weight: normal; }
  @media screen and (orientation: landscape) {
    div.mobilenav {
      padding: 8.57143% 7.14286% 0 7.14286%; } }
  div.mobilenav.show {
    display: block; }
  div.mobilenav aside.navicon {
    z-index: 1001;
    margin-right: 10px; }
  div.mobilenav a {
    line-height: 1.5em;
    color: white; }
    @media screen and (orientation: landscape) {
      div.mobilenav a {
        line-height: 1em; } }
    div.mobilenav a.active {
      color: #302f2f; }

div.container {
  position: relative;
  left: 0%;
  margin: 30px 60px 60px 60px; }
  @media screen and (max-width: 1024px) {
    div.container {
      margin: 60px 0 0 0; } }
  div.container section.home {
    overflow: hidden; }
    div.container section.home div.column {
      width: 28.57143%;
      height: 100%;
      float: left;
      padding-bottom: 500em;
      margin-bottom: -500em;
      margin-top: -1em; }
      @media screen and (max-width: 1024px) {
        div.container section.home div.column {
          width: calc(100% - 14.28571%);
          padding-bottom: 0;
          margin-bottom: 0;
          margin-top: 0; } }
      div.container section.home div.column.first {
        padding-right: calc(3.57143% - 2.5px);
        border-right: 5px solid #f7dfcb; }
        @media screen and (max-width: 1024px) {
          div.container section.home div.column.first {
            border-right: 0;
            margin-left: 7.14286%;
            padding-right: 0; } }
      div.container section.home div.column.second {
        padding-right: calc(3.57143% - 2.5px);
        padding-left: calc(3.57143% - 2.5px);
        border-right: 5px solid #f7dfcb; }
        @media screen and (max-width: 1024px) {
          div.container section.home div.column.second {
            border-right: 0;
            margin-left: 7.14286%;
            padding-right: 0;
            padding-left: 0; } }
      div.container section.home div.column.third {
        padding-left: calc(3.57143% - 2.5px); }
        @media screen and (max-width: 1024px) {
          div.container section.home div.column.third {
            border-right: 0;
            margin-left: 7.14286%;
            padding-right: 0;
            padding-left: 0; } }
      div.container section.home div.column aside.item {
        position: relative;
        margin: 0 0 90px 0; }
        @media screen and (max-width: 1024px) {
          div.container section.home div.column aside.item {
            margin: 0 0 60px 0; } }
        div.container section.home div.column aside.item.blind {
          height: 240px; }
          @media screen and (max-width: 1024px) {
            div.container section.home div.column aside.item.blind {
              display: none; } }
        div.container section.home div.column aside.item aside.readmore {
          position: absolute;
          right: 0px;
          bottom: -10px;
          height: 5px;
          z-index: 10; }
          @media screen and (max-width: 1024px) {
            div.container section.home div.column aside.item aside.readmore {
              bottom: -15px; } }
          div.container section.home div.column aside.item aside.readmore div {
            float: right;
            width: 0px;
            height: 100%;
            margin-left: 2.5px;
            -ms-transition: width 0.3s;
            -webkit-transition: width 0.3s;
            -moz-transition: width 0.3s;
            -o-transition: width 0.3s;
            transition: width 0.3s; }
            @media screen and (max-width: 1024px) {
              div.container section.home div.column aside.item aside.readmore div {
                width: 5px; } }
        div.container section.home div.column aside.item.poem {
          border-top: 5px solid rgba(223, 178, 201, 0.096);
          border-bottom: 5px solid rgba(223, 178, 201, 0.096);
          padding: 20px 0px 20px 0px;
          -ms-transition: border 0.3s;
          -webkit-transition: border 0.3s;
          -moz-transition: border 0.3s;
          -o-transition: border 0.3s;
          transition: border 0.3s; }
          div.container section.home div.column aside.item.poem:hover {
            border-top: 5px solid #dfb2c9;
            border-bottom: 5px solid #dfb2c9; }
          div.container section.home div.column aside.item.poem aside.readmore div {
            margin-top: 5px;
            background-color: #dfb2c9; }
          @media screen and (max-width: 1024px) {
            div.container section.home div.column aside.item.poem {
              border-bottom: 5px solid #dfb2c9;
              border-top: 0px;
              padding: 0px 0px 0px 0px; }
              div.container section.home div.column aside.item.poem aside.readmore div {
                margin-top: 0px; } }
        div.container section.home div.column aside.item.article::after {
          content: '';
          display: block;
          width: 0;
          height: 5px;
          background: #9bc4c5;
          transition: width 0.3s; }
        div.container section.home div.column aside.item.article:hover::after {
          width: 100%; }
        @media screen and (max-width: 1024px) {
          div.container section.home div.column aside.item.article {
            border-bottom: 5px solid #9bc4c5; } }
        div.container section.home div.column aside.item.article div {
          background-color: #9bc4c5; }
        div.container section.home div.column aside.item.media::after {
          content: '';
          display: block;
          width: 0;
          height: 5px;
          background: #d88484;
          transition: width 0.3s; }
        div.container section.home div.column aside.item.media:hover::after {
          width: 100%; }
        @media screen and (max-width: 1024px) {
          div.container section.home div.column aside.item.media {
            border-bottom: 5px solid #d88484; } }
        div.container section.home div.column aside.item.media div {
          background-color: #d88484; }
        div.container section.home div.column aside.item:hover {
          cursor: pointer; }
          div.container section.home div.column aside.item:hover aside.readmore div {
            width: 5px; }
  div.container div.bglayer {
    position: fixed;
    z-index: -1; }
  div.container section.article {
    margin-top: 90px;
    margin-left: 35.71429%;
    width: 57.14286%; }
    @media screen and (max-width: 1024px) {
      div.container section.article {
        margin-left: 7.14286%;
        width: 85.71429%;
        padding-bottom: 71.42857%; } }
    div.container section.article div.bglayer {
      top: 0;
      left: calc(28.57143% - 34.28571px);
      margin-left: 30px;
      width: calc(71.42857% - 85.71429px);
      height: 100%;
      background-color: #9bc4c5;
      opacity: 0.3; }
      @media screen and (max-width: 1024px) {
        div.container section.article div.bglayer {
          opacity: 0.2; } }
  div.container section.poem {
    margin-top: 7.14286%;
    margin-left: 42.85714%;
    width: 28.57143%; }
    @media screen and (max-width: 1024px) {
      div.container section.poem {
        margin-left: 7.14286%;
        width: 85.71429%;
        padding-bottom: 71.42857%; } }
    div.container section.poem div.bglayer {
      top: -100%;
      left: calc(28.57143% - 34.28571px);
      margin-right: 30px;
      width: calc(57.14286% - 68.57143px);
      height: 300%;
      -ms-transform: rotate(-30deg);
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      transform: rotate(-30deg);
      background-color: #dfb2c9;
      opacity: 0.5; }
  div.container section.media {
    margin-top: 7.14286%;
    margin-left: 28.57143%;
    width: 42.85714%; }
    @media screen and (max-width: 1024px) {
      div.container section.media {
        margin-left: 7.14286%;
        width: 85.71429%;
        padding-bottom: 71.42857%; } }
    div.container section.media div.bglayer {
      top: -100%;
      left: calc(42.85714% - 51.42857px);
      margin-right: 30px;
      width: calc(42.85714% - 51.42857px);
      height: 300%;
      background-color: #d88484;
      opacity: 0.6; }
  div.container section.default {
    margin-top: 14.28571%;
    margin-left: 28.57143%;
    width: 42.85714%; }
    @media screen and (max-width: 1024px) {
      div.container section.default {
        margin-left: 7.14286%;
        width: 85.71429%;
        padding-bottom: 71.42857%; } }
    div.container section.default img {
      width: auto;
      height: auto; }
    div.container section.default a:hover {
      color: #f7dfcb; }
    div.container section.default div.bglayer {
      position: fixed;
      z-index: -1;
      top: 0;
      left: calc(21.42857% - 25.71429px);
      margin-left: 60px;
      width: calc(71.42857% - 85.71429px);
      height: 100%;
      background-color: #f7dfcb;
      opacity: 0.3; }
      @media screen and (max-width: 1024px) {
        div.container section.default div.bglayer {
          left: calc(7.14286% - 8.57143px);
          opacity: 0.2; } }

/*  
    Gridmarker CSS

    Usage:  Creates the CSS for the Gridmarker on top of the page
*/
section#gridmarker {
  position: fixed;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto ;
  top: 0px;
  left: 60px;
  width: calc(100% - 120px);
  z-index: 10000; }
  @media screen and (max-width: 1024px) {
    section#gridmarker {
      left: 5px;
      width: calc(100% - 10px); } }
  section#gridmarker aside.gm-item {
    -ms-box-shadow: inset 0 0 2px green;
    -webkit-box-shadow: inset 0 0 2px green;
    -moz-box-shadow: inset 0 0 2px green;
    -o-box-shadow: inset 0 0 2px green;
    box-shadow: inset 0 0 2px green;
    height: 10px; }

section#contact {
  padding: 210px 0 120px 0; }
  @media screen and (max-width: 1024px) {
    section#contact {
      padding: 180px 0 0 0; } }
  section#contact div#map {
    width: 100%;
    padding-bottom: 30vw; }
    @media screen and (max-width: 1024px) {
      section#contact div#map {
        padding-bottom: 50vw; } }
  @media screen and (max-width: 1024px) and (orientation: landscape) {
    section#contact div#map {
      padding-bottom: 30vw; } }
  section#contact div.cnt {
    z-index: 10; }
    section#contact div.cnt h2 {
      text-align: left; }
    section#contact div.cnt div {
      float: left;
      width: 50%; }
      @media screen and (max-width: 1024px) {
        section#contact div.cnt div {
          width: 100%; } }