/* mulish-300 - latin */
@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    src: url('mulish/mulish-v12-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('mulish/mulish-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('mulish/mulish-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('mulish/mulish-v12-latin-300.woff') format('woff'), /* Modern Browsers */
         url('mulish/mulish-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('mulish/mulish-v12-latin-300.svg#Mulish') format('svg'); /* Legacy iOS */
  }
  
  /* mulish-regular - latin */
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url('mulish/mulish-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('mulish/mulish-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('mulish/mulish-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('mulish/mulish-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('mulish/mulish-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('mulish/mulish-v12-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
  }
  
  /* mulish-700 - latin */
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    src: url('mulish/mulish-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('mulish/mulish-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('mulish/mulish-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('mulish/mulish-v12-latin-700.woff') format('woff'), /* Modern Browsers */
         url('mulish/mulish-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('mulish/mulish-v12-latin-700.svg#Mulish') format('svg'); /* Legacy iOS */
  }
  
  /* mulish-900 - latin */
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 900;
    src: url('mulish/mulish-v12-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('mulish/mulish-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('mulish/mulish-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('mulish/mulish-v12-latin-900.woff') format('woff'), /* Modern Browsers */
         url('mulish/mulish-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('mulish/mulish-v12-latin-900.svg#Mulish') format('svg'); /* Legacy iOS */
  }
  html, body {
    margin:0;
    padding:0;
  }
  html, body, legend, fieldset, input {
    font-family: Mulish, sans-serif !important;
    font-weight: 300;
}
.sr-only {
	position: absolute;
	left: -5000px;
	top: auto;
	overflow: hidden;
}
a {
    text-decoration:none;
    color:#fff;
}
a:hover, a:focus {
    text-decoration:underline;    
}
p {
    font-size:1.5em;
}
p span.special, p span.subtitle {
    font-size:2em;
}
p span.special {
    font-weight:300
}
p span.top {
    letter-spacing:0em;
}
p span.subtitle {
    font-size:2.5em;
}
.container-bg {
    width:100vw;
    height:100vh;
    position:absolute;
    background-image:url('media/kudammeck_web.jpg');
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    filter: grayscale(36%) sepia(26%) brightness(46%) contrast(110%);
    -webkit-filter: grayscale(36%) sepia(26%) brightness(46%) contrast(110%);
    -moz-filter: grayscale(36%) sepia(26%) brightness(46%) contrast(110%);
}
.main-content {
    position:relative;
    width:100%;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content: center;
}
.main-inner {
    padding:50px;
    background-color:rgba(0,0,0,.5);
    color:#fff;
    text-align:center;
}
@media screen and (max-width: 680px) {
    p {
        font-size:1em;
    }
    .main-inner {
        padding:25px;
    }
}
@media screen and (max-width: 414px) {
    .main-inner {
        padding:15px;
    }
    p span.subtitle {
        font-size:2em;
    }
}