* {
	margin:0;
	padding:0;
}

@font-face {
    font-family: 'Rubik';
    src: url('Rubik-BoldItalic.ttf');
}

html {
  scroll-behavior: smooth;
}

body, a {
	color:black;
	font-family: 'Rubik', sans-serif;
	font-weight: bolder;
	font-style: italic;
	font-size: 1.3vmin;
	font-size: calc(0.8vw + 0.8vh + 0.4vmin);
}

p {
	margin: 1em 0;
}

.videoholder {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100vw;
	height:100wh;
	z-index:1;
	overflow: hidden;
}
.videoholder video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	width: 177.77777778vh;
	min-width: 100%;
	min-height: 56.25vw;
}

.background {
	z-index:2;
	background: radial-gradient(rgba(173, 216, 230,1),rgba(173, 216, 230,1), rgba(173, 216, 230,0.9), rgba(216, 216, 216, 0.8));
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	padding: 1px 0;
}
.topbg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.gap {
	position:relative;
	margin-top:100vh;
}
.doublegap {
	position:relative;
	margin-top:200vh;
}

.topstory {
	position:absolute;
	left:15vw;
	top:20vh;
	right:15vw;
	bottom:20vh;
	border:2px solid white;
	border-radius:10px;
	border-right-color: grey;
	border-bottom-color: grey;
	background-color: silver;
	padding:3vmin;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
	opacity:0.75;
}
.topstory button {
	font-size: 1.3vmin;
	font-size: calc(0.8vw + 0.8vh + 0.4vmin);
	font-family: 'Rubik', sans-serif;
	font-weight: bolder;
	font-style: italic;
	margin-top: 0.3vmin;
	position: absolute;
	bottom:3vmin;
	border:1px solid rgba(0,0,0,0.25);
	border-radius:5px;
	padding: 5px 10px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.75);
	background-color: lime;
	cursor: pointer;
}

.story {
	margin: 20vh 15vw;
	border:2px solid white;
	border-radius:10px;
	border-right-color: grey;
	border-bottom-color: grey;
	background-color: silver;
	padding:3vmin;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.75);
	opacity:0.75;
	display:block;
}

.shots{
	float:left;
	width: 46%;
	margin: 20px 2% 20px 2%;
	}	
@media only screen and (max-width: 1100px) {
	.shots {
		width: 100%;
		margin: 20px 0;
	}
}
.shots img {
	margin:0 0 10px;
	width: 100%;
	height: auto;
}
.shots img.logo {
	width: 50%;
	position:relative;
	top:3vw;
	margin-top:-3vw;
	margin-left:1vw;
}
img.shots, .shots img:only-of-type, .shots img:last-of-type{
	border-radius:5px;	
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.75);	
}
#TinyRevenueForMeThanks {
	position:fixed;
	bottom:0;
	background-color:transparent;
	z-index:9999;
	opacity:1;
	text-align:center;
}
@media only screen and (orientation: landscape) {
	#TinyRevenueForMeThanks {
		left:30%;
		right:30%;
	}
}
@media only screen and (orientation: portrait) {
	#TinyRevenueForMeThanks {
		left:0;
		right:0;
	}
}