body {
  background: #ffffff;
  margin: 0;
  font-family: graphik-regular;
  width: 100vw;
  height: 100vh;
  animation: bugfix infinite 1s;
  -webkit-animation: bugfix infinite 1s; }
  
  
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'MD';
	src:url('fonts/MDPrimer.otf');
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'MDB';
	src:url('fonts/MDPrimer-Bold.otf');
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'graphik-regular';
	src:url('fonts/GraphikRegular.otf');
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'graphik-medium';
	src:url('fonts/GraphikMedium.ttf');
} 

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'graphik-condensed';
	src:url('fonts/GraphikCondensed.ttf');
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'graphik-condensed-light';
	src:url('fonts/GraphikXCondensedLight.ttf');
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'graphik-condensed-regular';
	src:url('fonts/GraphikXCondensedRegular.ttf');
}


@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'graphik-light';
	src:url('fonts/GraphikLight.otf');
}





		.parallax { 
			margin-top: 100px; margin-bottom: 100px; background-image: url("images/dark4.jpg"); height: 450px; background-attachment: fixed; background-position: center; background-repeat: no-repeat;background-size: cover; opacity: 0.9;
		}
		
		



@keyframes bugfix {
  from {
    padding: 0; }
  to {
    padding: 0; } }
@-webkit-keyframes bugfix {
  from {
    padding: 0; }
  to {
    padding: 0; } }
#overlay-button {
  position: absolute;
  right: 5%;
  top: 2%; 
  padding: 26px 11px;
  z-index: 5;
  cursor: pointer;
  user-select: none; }
  #overlay-button span {
    height: 4px;
    width: 35px;
    border-radius: 2px;
    background-color: #000000;
    position: relative;
    display: block;
    transition: all .2s ease-in-out; }
    #overlay-button span:before {
      top: -10px;
      visibility: visible; }
    #overlay-button span:after {
      top: 10px; }
    #overlay-button span:before, #overlay-button span:after {
      height: 4px;
      width: 35px;
      border-radius: 2px;
      background-color: #000000;
      position: absolute;
      content: "";
      transition: all .2s ease-in-out; }

  #overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
    background: #000000; }
    


input[type=checkbox] {
  display: none; }
  input[type=checkbox]:checked ~ #overlay {
    visibility: visible; }
  input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
    background: transparent; }
  input[type=checkbox]:checked ~ #overlay-button span:before {
    transform: rotate(45deg) translate(7px, 7px);
    opacity: 1; }
  input[type=checkbox]:checked ~ #overlay-button span:after {
    transform: rotate(-45deg) translate(7px, -7px); }

#overlay {
  height: 100vh;
  width: 100vw;
  background: #fff;
  z-index: 2;
  visibility: hidden;
  position: fixed; }
  #overlay.active {
    visibility: visible; }
  #overlay ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 100vh;
    padding-left: 0;
    list-style-type: none; }
    #overlay ul li {
      padding: 1em; }
      #overlay ul li a {
        color: #000000;
        text-decoration: none;
        font-size: 1.5em; }
        #overlay ul li a:hover {
          color: #394047; }

/*# sourceMappingURL=mobile_menu_style.css.map */

.boxlink { text-decoration: none; margin-left: auto; margin-right: auto; text-align: center; text-transform: uppercase; font-size: 0.9em; font-family: graphik-regular; color: #fff; padding: 7px; border: 1px #fff solid; border-radius: 5px; } 
.boxlinkblack { text-decoration: none; margin-left: auto; margin-right: auto; text-align: center; text-transform: uppercase; font-size: 0.9em; font-family: graphik-regular; color: #000; padding: 7px; border: 1px #000 solid; border-radius: 5px; } 

  
  
  		.spotlight_tag { float: left; margin-top: 30px; background: #fff; font-family: graphik-regular; font-size: 0.7em; letter-spacing: 0px; padding-right: 8px; padding-top: 5px; width: 75px; height: 18px; text-align: right; }
        

  
.news_container { width: 100%;  height: auto; margin-left: 0;  margin-right: 0; text-align: center; }
  
.news_item { position: relative; display: inline-block; margin: 20px 20px 20px 20px; width: 80%; height: 400px; cursor: pointer; 
	-webkit-box-shadow: 0px 3px 10px 1px rgba(204, 204, 204 0, 1);
    -moz-box-shadow: 0px 3px 10px 1px rgba(204, 204, 204 0, 1);
    box-shadow: 0px 3px 10px 1px rgba(204, 204, 204, 1); } 

.news_img { width: 100%; max-height: 200px; object-fit: cover; position: relative; top: 0; }
.news_header { font-family: 'Oswald', sans-serif; font-size: 0.8em; line-height: 1.1em; text-align: left; margin-top: 5px; margin-left: 14px; margin-right: 14px; }
.news_outlet { font-size: 0.5em; text-align: left; margin-top: 7px; margin-left: 14px; color: #ababab; font-family: graphik-regular; text-transform: uppercase; }
.news_subtext { font-size: 0.6em; text-align: left; margin-top: 20px; margin-left: 14px; margin-right: 14px; color: #4d5051; font-family: graphik-regular; }
.news_more { position: absolute; bottom: 10px; font-size: 0.6em; margin-left: 14px; color: #000; font-family: 'Oswald', sans-serif; }



.production_img { width: 100%; margin: 0; padding: 0; object-fit: contain; position: relative; }
.production_header { font-family: graphik-light; font-size: 1.5em; line-height: 1.1em; text-align: left; margin-top: 5px; margin-left: 0px; margin-right: 0px; }
.production_outlet { font-size: 0.7em; text-align: left; margin-top: 1px; margin-left: 0px; color: #fff; font-family: graphik-regular; text-transform: uppercase; }

.production_tagline { color: #fff; text-align: center; } 
.production_subtext { font-size: 0.6em; text-align: left; margin-top: 20px; margin-left: 14px; margin-right: 14px; color: #4d5051; font-family: graphik-regular; }
.production_more { position: absolute; bottom: 10px; font-size: 0.6em; margin-left: 14px; color: #000; font-family: 'Oswald', sans-serif; }




/*# sourceMappingURL=mobile_menu_style.css.map */