@charset "UTF-8";
/* CSS Document */








/*  GENERAL  */
/*  ====================================================== */

html, body {
	font-family: 'Catamaran', sans-serif;
	font-size: 16px; /* for consistency across browsers */
	height: 100%;
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0 0 0 0;
}

/* don't set these on html. it prevents momemtum scrolling on phone */
body {
	position: relative; /* if any children are absolute */
	overflow: scroll;
    overflow-x: hidden;
    background-color: #ffffff;
}


wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
}

video {
    position: absolute;
    width: 80%;
    max-width: 1800px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}


img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 800px;
	height: auto;
}