/* Template Created By Neil Waters (C) Jan 2017*/
 

html {
    background: url('/bgvids/boat_summer.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
} 
body { 
margin: 0px; 
}
a {
   text-decoration: none;
}
.bkground {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}
#bkground _video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#box {
    width: 550px;
    max-width: 90%;
    margin: 4% auto 2% 55%;
    text-align: center;
    border-radius: 25px;
    background-color: rgba(165,165,165,.55); 
    padding-top: 10px;
    padding-bottom: 10px;
}
#shad {
    font: bold;
    text-align: center;
    font-size: medium;
    text-shadow: 3px 3px 6px #888888;
}
#lk {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
img {
    max-width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width: 1280px) {
    #box {margin: 10% auto 0;}
}
@media (min-aspect-ratio: 16/9) {
  #bkground_video {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  #bkground_video {
    width: auto;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .bkground {
    background: url('/bgvids/boat_summer.png') center center / cover no-repeat;
  }

  #bkground_video {
    display: none;
  }
}