/***INDEX***/

/* Style the video: 100% width and height to cover the entire window */
.video {
  position: fixed;
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.video-overlay{
  position: fixed;
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  background: rgb(5,75,125, 0.8);
}

.logo{
	position: absolute;
	left: 10vw;
	top: 10vh;
	z-index: 2;
}
.logo img{
    max-width: 300px;
}

.contentbox{
	position: absolute;
	left: 10vw;
	top: 40vh;
    background: #034573;
    padding: 25px;
}


/*** INDEX RESPONSIVE ***/

@media screen and ( max-width: 968px ){
    .logo img{
        max-width: 250px;
    }
}

@media screen and ( max-width: 428px ){
    .logo img{
        max-width: 200px;
        margin: 10 auto;
    }
}