body {font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
img {
    max-width: 100%;
    display: block;
}
H1 {text-align: center;font-weight: lighter;}
#startpage {
    height: 100%;
    
}
.backg-bl { 
  background-color: cadetblue;
  background-image: url(htg.jpg);
}

#startpage .center-container img {
    margin: auto;
    width: 75%;
    animation-duration: 5s;
  	animation-name: slidein;
}
video {max-width: 100%;max-height: 100%;}
@keyframes slidein {
  from {
    width: 55%; 
  }
  to {
    width: 75%;
  }
}
#startpage  .center-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.posi-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
		width: 100%;
		height: 100%;
		max-width: 1920px;
		max-height: 1080px;
		position: absolute;
		overflow: hidden;
}