@import url(https://fonts.googleapis.com/css?family=Roboto-Light:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese);

/* * {
  outline: 1px solid red !important;
} */

html {
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #eeeeee;
}

main {
  background-color: #eeeeee;
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

header, article, aside, footer {
  margin: 10px;
  padding: 10px;
}

article {
  counter-reset: footnotes;
}

footer {
  margin-top: 50px;
  border-top: 1px solid #CCC;
  font-size: 0.8em;
}

footer ol {
  padding-left: 20px;
}

footer :target {
  background: #f0ff00;
}

.visually-hidden {
  margin-top: -30px;
  visibility: hidden;
  opacity: 0;
}

h1 {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 32px;
}

h2 {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 24px;
  font-weight: 600;
  border-bottom: 1px solid #CCC;
  width: 100%;
  padding-bottom: 3px;
  margin-bottom: 0px;
  margin-top: 45px;
  clear: both;
}

h3 {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 20px;
  clear: both;
}

p {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 20px;
}

p b {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: 400;
  margin-bottom: 0;
}

p strong {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: 500;
  margin-bottom: 0;
}

ul {
  margin-bottom: 0;
}

li {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: 300;
  padding-bottom: 5px;
  line-height: 20px;
}

li strong {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: 500;
  padding-bottom: 5px;
}

ul > li > ul {
  margin-top: 5px;
  margin-bottom: 0;
}

blockquote {
  padding: 15px;
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: italic;
  font-size: 100%;
  font-weight: 300;
  line-height: 20px;
}

q {
  quotes: "“" "”" "‘" "’";
}
q::before {
    content: open-quote;
}
q::after {
    content: close-quote;
}

a:link {
  color: #3778cd;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 100%;
  text-decoration: none;
}

a:visited {
  color: #4d469c;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 100%;
  text-decoration: none;
}

a:hover {
  color: #3778cd;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 100%;
  text-decoration: underline;
}

/**
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
a[aria-describedby="footnote-label"] {
  counter-increment: footnotes; /* 1 */
  text-decoration: none!important; /* 2 */
  color: #444444; /* 2 */
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: 300;
  cursor: auto; /* 2 */
  outline: none; /* 2 */
}

/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
a[aria-describedby="footnote-label"]::after {
  content: '[' counter(footnotes) ']'; /* 1 */
  vertical-align: top; /* 2 */
  position: relative;
  z-index: 0;
  top: -0.5em;
  font-size: 0.5em; /* 3 */
  margin-left: 2px; /* 4 */
  color: #3778cd; /* 5 */
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: underline; /* 5 */
  cursor: pointer; /* 5 */
}

a[aria-describedby="footnote-label"]:focus::after {
  outline: thin dotted;
  outline-offset: 1px;
}

[aria-label="Back to content"] {
  font-size: 0.8em;
}

nav {
  overflow: hidden;
  background-color: #333;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  width: 96%;
  left: 2%;
  position: fixed;
  z-index: 1;
  top: 0px;
  -webkit-box-shadow: 3px 3px 5px 2px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 2px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 2px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
}

nav a.murgen-nav-item {
  text-align: center;
  margin: 4px;
  padding: 10px 16px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-decoration: none;
  font-size: 16px;
  color: white;
}

nav a.murgen-nav-sig {
  text-align: center;
  margin: 2px;
  padding: 0px 8px;
  text-decoration: none;
}

.murgen-content {
  -webkit-box-shadow: 3px 3px 5px 2px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 2px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 2px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  max-width: 800px;
  min-width: 200px;
  margin: 60px 10px 100px;
  padding: 20px;
  overflow: hidden;
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.murgen-footer {
  background-color: #F5F5F5;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: 400;
  width: 96%;
  left: 2%;
  position: fixed;
  z-index: 1;
  bottom: 0px;
  -webkit-box-shadow: 3px 3px 5px 2px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 2px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 2px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-footer-alt {
  display: none;
}

.murgen-footer-group {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}

.murgen-footer-group-alt {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.murgen-footer-item,
.murgen-footer-item-current {
  margin: 6px 10px;
  padding: 4px 4px;
  text-align: center;
}

.murgen-footer-item-current img {
  -webkit-box-shadow: 2px 2px 10px 2px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    2px 2px 10px 2px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:         2px 2px 10px 2px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-footer-brief-current {
  color: #000;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: 500;
}

.murgen-footer-text {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 18px;
  font-weight: 400;
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
}

.murgen-footer-brief {
  color: #000;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: 400;
}

.murgen-footer-cover {
  color: #000;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
}

.murgen-snippet {
  color: #000;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: 400;
}

.murgen-header {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

.murgen-header img {
  margin: 20px 20px 20px 0px;
  -webkit-box-shadow: 3px 3px 5px 2px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 2px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 2px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-links,
.murgen-tags {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.murgen-links div {
  background-color: #000;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: 400;
  margin: 16px 12px 0px 0px;
  padding: 6px 12px;
  -webkit-box-shadow: 3px 3px 5px 2px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 2px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 2px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-tags div {
  color: #FFF;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: 400;
  margin: 16px 12px 0px 0px;
  padding: 2px 8px;
  -webkit-box-shadow: 3px 3px 5px 2px #333;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 2px #333;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 2px #333;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-links div > a,
.murgen-tags div > a {
  color: #FFF;
}

.murgen-tiles {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: auto;
}

.murgen-tiles img {
  width: 250px;
  margin: 20px;
  -webkit-box-shadow: 4px 4px 4px 2px #808080;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 4px 2px #808080;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 4px 2px #808080;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  border: 1px;
}

.murgen-image-center,
.murgen-image-center-trans,
.murgen-image-center-vert,
.murgen-video {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: center;
  align-self: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 30px;
}

.murgen-video iframe,
.murgen-video object,
.murgen-video embed {
  display: block;
  width: 80%;
  -webkit-box-shadow: 4px 4px 4px 2px #808080;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 4px 2px #808080;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 4px 2px #808080;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-image-center img {
  width: 100%;
}

.murgen-image-center-vert img {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.murgen-image-center img,
.murgen-image-center-vert img {
  display: block;
  -webkit-box-shadow: 4px 4px 4px 2px #808080;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 4px 2px #808080;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 4px 2px #808080;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-image-center-trans img {
  display: block;
  width: 100%;
}

.murgen-image-center figcaption,
.murgen-image-center-vert figcaption {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: italic;
  font-size: 90%;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
}

.murgen-image-left,
.murgen-image-right,
.murgen-image-right-50 {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

.murgen-image-left {
  float: left;
  margin: 20px 30px 30px 0px;
}

.murgen-image-right,
.murgen-image-right-50 {
  float: right;
  margin: 20px 30px 30px;
}

.murgen-image-left img,
.murgen-image-right img {
  line-height: 0;
  width: 170px;
  -webkit-box-shadow: 4px 4px 4px 2px #808080;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 4px 2px #808080;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 4px 2px #808080;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-image-right-50 img {
  line-height: 0;
  width: 350px;
  -webkit-box-shadow: 4px 4px 4px 2px #808080;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 4px 2px #808080;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 4px 2px #808080;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-image-left figcaption,
.murgen-image-right figcaption,
.murgen-image-right-50 figcaption {
  color: #444444;
  font-family: Roboto, sans-serif;
  font-style: italic;
  font-size: 90%;
  font-weight: 300;
  margin: 10px 0px 0px;
}

.murgen-image-left figcaption {
  text-align: left;
}

.murgen-image-right figcaption {
  text-align: right;
}

figcaption i {
  font-style: normal;
}

.murgen-tile-right {
  float: right;
  margin: 20px 30px;
}

.murgen-tile-right img {
  line-height: 0;
  -webkit-box-shadow: 4px 4px 4px 2px #808080;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 4px 2px #808080;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 4px 2px #808080;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-tiles-index,
.murgen-cover-index {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: center;
  align-self: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: auto;
}

.murgen-cover-index img,
.murgen-tiles-index img {
  margin: 5px;
  border: 1px;
  -webkit-box-shadow: 4px 4px 4px 2px #808080;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 4px 2px #808080;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 4px 2px #808080;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.murgen-cover-index img {
  width: 150px;
}

.murgen-tiles-index img {
  width: 75px;
}

.murgen-tiles-page {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  overflow: auto;
}

.murgen-tiles-page-item {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  overflow: auto;
}

.murgen-tiles-page-text {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -moz-box;
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  overflow: auto;
}

.murgen-tiles-page-text a {
  margin-top: 20px;
}

.murgen-tiles-page-text p {
  margin-top: 0px;
  margin-bottom: 5px;
}

.murgen-tiles-page img {
  width: 75px;
  margin: 10px;
  -webkit-box-shadow: 4px 4px 4px 2px #808080;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 4px 2px #808080;  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 4px 2px #808080;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  border: 1px;
}

/* Mobile 1 */
@media all and (max-width: 830px)
           and (min-width: 765px)
           and (max-height: 412px) {
  nav a.murgen-nav-item {
    padding: 5px 8px;
  }
  nav a.murgen-nav-sig {
    padding: 0px 8px;
  }
  nav a.murgen-nav-sig img {
    height: 30px;
  }
  .murgen-content {
    margin: 45px 10px 15px;
  }
  .murgen-footer {
    display: none !important;
  }
  .murgen-footer-alt {
    display: block;
  }
}

/* Mobile 2 */
@media all and (max-width: 764px)
           and (min-width: 621px)
           and (max-height: 412px) {
  .murgen-content {
    margin: 60px 10px 15px;
  }
  .murgen-footer {
    display: none !important;
  }
  .murgen-footer-alt {
    display: block;
  }
}

/* Mobile 3 */
@media all and (max-width: 620px)
           and (min-width: 401px)
           and (max-height: 412px) {
  nav a.murgen-nav-item {
    padding: 5px 8px;
  }
  nav a.murgen-nav-sig {
    padding: 0px 8px;
  }
  nav a.murgen-nav-sig img {
    height: 30px;
  }
  blockquote {
    padding: 0px;
  }
  .murgen-content {
    margin: 46px 10px 15px;
  }
  .murgen-footer {
    display: none !important;
  }
  .murgen-footer-alt {
    display: block;
  }
  .murgen-image-left {
    margin: 20px 10px 30px 0px;
  }
  .murgen-image-right,
  .murgen-image-right-50 {
    margin: 20px 10px 30px;
  }
  .murgen-image-left img,
  .murgen-image-right img {
    width: 100px;
  }
}

/* Mobile 4 */
@media all and (max-width: 680px)
           and (min-width: 419px)
           and (min-height: 413px) {
  nav a.murgen-nav-item {
    padding: 5px 8px;
  }
  nav a.murgen-nav-sig {
    padding: 0px 8px;
  }
  nav a.murgen-nav-sig img {
    height: 30px;
  }
  blockquote {
    padding: 0px;
  }
  .murgen-content {
    margin: 46px 10px 15px;
  }
  .murgen-footer {
    display: none !important;
  }
  .murgen-footer-alt {
    display: block;
  }
  .murgen-image-left {
    margin: 20px 10px 30px 0px;
  }
  .murgen-image-right,
  .murgen-image-right-50 {
    margin: 20px 10px 30px;
  }
  .murgen-image-left img,
  .murgen-image-right img {
    width: 100px;
  }
}

/* Mobile 5 */
@media all and (max-width: 418px)
           and (min-height: 413px) {
  nav a.murgen-nav-item {
    padding: 5px 8px;
  }
  nav a.murgen-nav-sig {
    padding: 0px 8px;
  }
  nav a.murgen-nav-sig img {
    height: 30px;
  }
  .murgen-content {
    margin: 88px 10px 15px;
  }
  .murgen-footer,
  .murgen-tile-right img {
    display: none !important;
  }
  .murgen-footer-alt {
    display: block;
  }
  h1 {
    font-size: 22px;
  }
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 16px;
  }
  blockquote {
    padding: 0px;
  }
  .murgen-header {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .murgen-image-left {
    margin: 20px 10px 30px 0px;
  }
  .murgen-image-right,
  .murgen-image-right-50 {
    margin: 20px 10px 30px;
  }
  .murgen-image-left img,
  .murgen-image-right img {
    width: 90px;
  }
  .murgen-tiles img {
    width: 150px;
  }
  .murgen-tiles-page-item {
    -webkit-flex-flow: column;
    flex-flow: column;
    margin-bottom: 44px;
  }
  .murgen-tiles-page-text a {
    margin-top: 4px;
  }
  .murgen-tiles-page-text p {
    margin-top: 5px;
  }
  .murgen-video {
    height: 100px;
    margin: 50px 0px;
  }
}