.body-cont{
  height:90%;
}

.logo64 {
  width:64px;
  height: 64px;
}

.logoback {
  background: url(/images/logo_elephant.png) no-repeat;
    background-size: contain;
}

.logo {
  background: url(/images/relax3.png) no-repeat;
    background-size: contain;
    height:200px;
    -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) forwards;
    animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) forwards;
   /* -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;*/
}

.white-link:link {
  color: white;
}

.white-link:visited {
  color: white;
}

.white-link:hover {
  text-decoration: underline;
}

.white-link:active {
  color: white;
}

.buttcont {
  position: relative;
  top:-30%;
  text-align: center;
  
}

.myButton {
  box-shadow:inset 0px 1px 3px 0px #91b8b3;
  background:linear-gradient(to bottom, #000000 5%, #000000 100%);
  background-color:#000000;
  border-radius:5px;
  border:1px solid #566963;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:11px 23px;
  text-decoration:none;
  text-shadow:0px -1px 0px #000000;
  
}

.buttani {
  -webkit-animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) forwards;
  animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) forwards;
}
.myButton:hover {
  background:linear-gradient(to bottom, #000000 5%, #000000 100%);
  background-color:#000000;
  color:white;
}
.myButton:active {
  position:relative;
  top:1px;
}

#myVideo {
  min-width: 100%;
  min-height: 90%;
  position: absolute;
  top:0px;
  left:0px;
  z-index: -1;
}

#navbarColor01 {
  margin-left: 10%;
}

.video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 90%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.theader .container {
  position: relative;
  z-index: 2;
}

.theader .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0.5;
  z-index: 1;
}

.theader {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}


@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}



@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.map {
  width:80%;
  margin-left: 10%;
}