body {
  background: url(../bg.png) repeat left top fixed #E9E8E2;
}

p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.23em;
  color: #161020;
}

button.navbar-toggle {
  margin-left: 4%;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25% !important;
}

#stream, .row.menu {
  margin-bottom: 15px;
}

#logo {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 1%;
  margin-bottom: 2%;
}

a:link, a:visited {
  color: #161020;
  text-decoration: underline;
}

a:hover {
  color: #161020;
  text-decoration: none;
}

.btn a {
color: #fff !important;
}

img.border {
	border: #fff solid 3px;
}

img.border:hover {
	border: #DF0024 solid 3px;
}

img.bordergr {
	border: #161020 solid 1px;
}

img.nameplate {
	padding-right: 10px !important;
}

.row > div img:not(.media-object), #logo img {
  max-width: 100%;
}
.row div {
  padding: 0;
  background-color: #EEF1F7;
}
.row {
  margin-bottom: 30px;
}

.row.separate.top {
  margin-top: 30px;
}

.row.banners {
  margin-bottom: 30;
}
.row.textblock {
	border: #8C8DA8 solid 1px;
}

.textblock div img {
#  min-width: 100%;
#  max-width: 100%;
}
.row div p {
  margin: 2% 4%;
}
h1, h2, h3, h4, h5 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  margin-top: 15px;
  margin-left: 4%;
}

.row div.multiheader {
  position: absolute;
  width: 100%;
}

.row div div.multiheader * {
  position: relative;
  margin-bottom: 0;
}

.row div div.multiheader *:after {
  content:"\a";
  white-space: pre;
}

.row div h1 {
  position: absolute;
  color: white;
  text-shadow: 0px 0px 10px #222;
  font-size: 3.5em;
}

.row div h1.noimage {
  position: relative !important;
  color: #333;
  text-shadow: none;
}

.row div h2 {
  position: absolute;
  color: white;
  text-shadow: 0px 0px 10px #222;
  font-size: 3em;
}

.row div h2.noimage {
  position: relative !important;
  color: #333;
  text-shadow: none;
}

.row div h3 {
  font-size: 2.5em;
  }

.row div h5 {
  position: absolute;
  font-size: 1.2em;
  color: white;
  text-shadow: 0px 0px 10px #222;
  text-transform: uppercase;
  z-index: 10;
  }

.first-line-menu  {
  margin-bottom: 0px !important;
}
.menu div {
  background-image: url('../images/bt_menu_01.png');
  text-align: center;
  height: 40px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.menu a {
  color: #333;
}
.menu a:not(:last-child) div {
  border-right: 1px solid #AAA;
}
.menu div:hover {
  background-image: url('../images/bt_menu_01_hover.png');
  animation-name: menubg;
  animation-duration: 0.7s;
}
.menu div span {
  font-size: 1.5em;
  line-height: 38px;
  text-align: center;
}

.next {
  font-weight: 700;
  margin-top: 5px;
  margin-left: 4%;
  position: absolute;
  color: white;
  text-shadow: 0px 0px 10px #222;
  font-size: 1.5em;
  text-transform: uppercase;
  z-index: 10;
}

table {
  margin-left: 4%;
  margin-top: none;
}

th, td {
  vertical-align: middle;
  padding: 3px;
  border: none;
}

footer {
  background: black;
  border-top: 1px solid white;
  text-align: center;
}
footer div {
  color: white;
  margin-top: 10px;
}
#nav {
  width: 100%;
}

#media-container {
    margin: 2% 4%;
}
#media-container h4 {
   margin: 0.5% 0 !important;
}
.media-left, .media > .pull-left {
	padding-right: 10px !important;
}
.media {
	margin-top: 1% !important;
}
.gallery a img {
    padding: 3px;
  }

@media (min-width: 1001px) {
  #nav {
    display: none;
  }
  #nav.affix {
    position: fixed;
    top: 0;
    z-index:10;
  }
}
@media screen and (max-width: 1000px) {
  .menu {
    display: none;
  }
  #nav {
    display: inherit;
  }
  
  .row {
  margin: 0;
}
 
  .row.textblock {
  margin: 0;
  border: none;
  }
  
  .row.banners {
  margin: 0;
  }
  
  .row.separate {
  margin: 0;
}
  
 .nav > li > a {
    padding: 5px 15px !important;
  }
  
  body {
    background: #EEF1F7;
  }
  
  .row div h1 {
    font-size: 10vmin;
  }
  .row div h2 {
    font-size: 8vmin;
  }
  .row div h3 {
    font-size: 8vmin;
  }
  #logo {
    max-width: 92vw;
  }
}

img.desaturate {
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -ms-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
}
img.desaturate:not(:hover) {
    -webkit-filter:grayscale(80%);
    -moz-filter:grayscale(80%);
    -ms-filter:grayscale(80%);
    -o-filter:grayscale(80%);
    filter:grayscale(80%);
}
img.desaturate:hover {
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}