* {
  box-sizing: border-box;
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
label {
  display: none;
  cursor: pointer;
  user-select: none;
}
/* background for li / select */
/* custom-dropdown */
nav[role="custom-dropdown"] {
  position: relative;
  width: 100%;
}
nav[role="custom-dropdown"] a,
nav[role="custom-dropdown"] label {
/*  color: #ccc;*/
color: #fff;
  text-decoration: none;
  font: 1.4em sans-serif;
  transition: color .2s ease-in-out;
}
nav[role="custom-dropdown"] ul {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  list-style: none;
}
nav[role="custom-dropdown"] ul > li {
  float: left;
 padding: .55em .55em;
  width: 19%;

  text-align: center;
  transition-duration: .2s;
  transition-timing-function: ease-in-out;
  transition-property: box-shadow, color;
  box-shadow: 0 0.05em 0.25em 0 rgba(0, 0, 0, 0.35);
  /*cursor: pointer;*/
}
nav[role="custom-dropdown"] ul > li:hover {
 /* background-color: rgba(0, 0, 0, 0.85);*/ background-color:#999;
  color: #fff;
  box-shadow: 0 0.05em 0.25em 0 rgba(0, 0, 0, 0.35), inset 0 0 0 2em rgba(0, 0, 0, 0.3);
}
nav[role="custom-dropdown"] ul > li:hover > a {
  color: #fff;
}

/* small screens */
@media screen and (max-width: 44em) {
  html,
  body {
    margin: 4px;
  }

  nav[role="custom-dropdown"] ul {
    display: none;
    height: 100%;
  }
  nav[role="custom-dropdown"] label {
    position: relative;
    display: block;
    width: 100%;
    min-height: 2.48em;
   padding: .45em;   
    font-size: 1.1em;
    margin: 0;
    border: 0.15em solid rgba(60, 60, 60, 0.2);



  }
  nav[role="custom-dropdown"] label:after {
    position: absolute;
    right: .25em;
    top: -5px;
    content: "\2261 ";
    font-size: 2.7em;font-weight:800;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ label:after {
   /* color: #222;*/
color: #ffff00;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul {
    display: block;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li {
    width: 100%;
    opacity: .95;
    text-align: left;
  }
  nav[role="custom-dropdown"] input[type=checkbox]:checked ~ ul > li:after {
    position: absolute;
    left: 0.25em;
    content: "\203A";
    font: bold 1.4em sans-serif;color:#ffff00;
  }
}


video {
  width: 96%;
  max-width:850px;
  height: auto;
  padding:10px;
}

      * {
  box-sizing: border-box;
}

body {
  background-color: #ffffff;
}

.box {
  width: 100%;
  height: 100%;
  background-color: #EBFCEC;
  border: 0px solid white;
  box-shadow: inset 0 0 0 6px #008e07;
}
h11 {
  color: #164871;
  font-family: "Bungee+Shade";
  font-size: 100px;
  line-height: 1em;
  margin: 0;
  position: relative;
  text-align: center;
  top: 15px;
 /* transform: translateY(-50%);*/
  width: 100%;

  text-shadow: 0 1px 0 #d0e915, 0 2px 0 #aad2e6, 0 3px 0 #85b1c7, 0 4px 0 #699ab3, 0 5px 0 #41849e, 0 6px 0 #3d748f, 0 7px 0 #306580, 0 8px 0 #275a73, 0 0 5px rgba(124, 191, 219, 0.05), 0 -1px 3px rgba(124, 191, 219, 0.2), 0 9px 9px rgba(124, 191, 219, 0.5), 0 12px 12px rgba(124, 191, 219, 0.5), 0 15px 15px rgba(124, 191, 219, 0.5);
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



.wrapper {padding: 2% 4%;width:98%;}

video {margin: 0 auto; display: block;}



@import url(https://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}


figure { 
  /*margin: 0;*/ background: #101010;
  font-family: Istok Web, sans-serif;
  font-weight: 100;
}
div#captioned-gallery { 
  width: 99%; overflow: hidden; 
}
figure.slider { 
  position: relative; width: 500%;
  font-size: 0; animation: 60s slidy infinite; 
}
figure.slider figure { 
  width: 20%; height: auto;
  display: inline-block;  position: inherit; 
}
figure.slider img { width: 100%; height: auto; }
figure.slider figure figcaption { 
  position: absolute; bottom: 0px;
  background: rgba(0,0,0,0.4);
  color: #fff; width: 100%;
 /* font-size: 2rem;*/font-size:5vw; padding: .6rem; 
}

.menu a {
	/*background: #ff7f50;*/
	/*color: #FFFFFF;*/
	display: block;
	padding: 10px 25px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}




#footer{
  display: flex;
  justify-content: center;
  padding: 0.3em;
  font-size: 1em;
  font-family: Arial;
 /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
  background-color: #008e07;
  
}



@media screen and (max-width: 1020px) {

.hidden {
  display: none;
}