/* ==========================================================================
   Author's custom styles
   ========================================================================== */



html, head, body{
  margin:0;
  padding:0;
  width:100%;
}

html, body{
  height:100%;
  font-family: 'Open Sans', sans-serif;
}

h2{
  display: block;
  font-size: 1.5em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin: 50px 0.83em 0 0;
  /*margin: 0.83em 0.83em 0 0;*/
  font-weight: bold;
}

.row.video{
  height:90%;
  overflow: hidden;
  position: relative;
  background: url('/vid/trimmed.jpg') center center no-repeat;
  background-size: cover;
}

.row.video:after{
  content: " ";
  display: block;
  background:url('/img/slidingdiv.png') bottom right no-repeat;
  position: absolute;
  bottom:0;
  right:0;
  width:100%;
  height:30px;
}

.row.video video{
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  bottom:0;
  left:50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.logo{
  position: absolute;
  top:50%;
  left:50%;
  width:90%;
  max-width: 993px;

  /*background: url('/img/logo.png') center center no-repeat;*/

  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.container{
  max-width: 1080px;
  margin:0 auto;
  padding:0 20px;
}

p.block{
  display:inline-block;
  margin-right:25px;
}

@media screen and (max-width:800px) {
  .row.video video{
    height:100%;
  }
  .IIV::-webkit-media-controls-play-button,
  .IIV::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 5px;
  }
}