html {
  background: #000;
}


.announcekit-widget, #olvy-trigger {
    margin-left: 50%;
    margin-top: 60px;
}

.announcekit-booster-modal-footer {
    visibility: hidden;
}

.main a {
    visibility: hidden;
}


#olvy-target  {
    height: 300px;
    width: 300px;
    margin: auto;
    background: white;
    opacity: .2;
}

.nolt-launcher  {
    height: 300px;
    width: 300px;
    margin: auto;
    background: yellow;
    opacity: .2;
}

#logo {
margin: 0 auto;
height:400px;
width:400px;
background: url('/img/logo_trns.png') center center no-repeat;
position: relative;
top: 50%;
transform: translateY(50%);
-moz-transform: translateY(50%);
-webkit-transform: translateY(50%);
-webkit-animation-name: easein; /* Chrome, Safari, Opera */
-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
-moz-animation-name: easein;
-moz-animation-duration: 2s;
animation-name: easein;
animation-duration: 2s;
}

video#bgvid {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation-name: easein; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
  -moz-animation-name: easein;
  -moz-animation-duration: 2s;
  animation-name: easein;
  animation-duration: 2s;
  background-size: cover;
  }

.video-overlay{
  /* background: rgb(44, 45, 51); */
  background: url("https://d3k5xyayaartr5.cloudfront.net/_assets/pattern-overlays/patterns/black-plus-signs.png");
  opacity: .80;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -99;
  pointer-events: none;
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation-name: easein; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
  -moz-animation-name: easein;
  -moz-animation-duration: 2s;
  animation-name: easein;
  animation-duration: 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes easein,
@-moz-keyframes easein {
  0%   {opacity: 0}
  100% {opacity: 1;}
}

/* Standard syntax */
@keyframes easein {
  0%   {opacity: 0}
  100% {opacity: 1;}
}

@media screen and (max-device-width: 800px) {
  html {
       background: url('/img/bg1.gif') #000;
       background-size: 100%;
  }
  #bgvid {
      display: none;
  }

  #logo {
    background-size: 40%;
    width: auto;
  }
}