@font-face {
	font-family: 'Modelica';
	src: url('media/fonts/bwmodelica-bold-webfont.eot');
	src: url('media/fonts/bwmodelica-bold-webfont.eot?#iefix') format('embedded-opentype'),
			url('media/fonts/bwmodelica-bold-webfont.woff2') format('woff2'),
			url('media/fonts/bwmodelica-bold-webfont.woff') format('woff'),
			url('media/fonts/bwmodelica-bold-webfont.ttf') format('truetype'),
			url('media/fonts/bwmodelica-bold-webfont.svg#bw_modelicabold') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
  margin: 0;
  background: #000; 
	display: flex;
}
video { 
	flex: 1;
	max-width: 100%;
	max-height: min(100%, 120vw);
  background-size: cover;
  transition: 1s opacity;
	object-fit: cover;
	-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.stopfade { 
   opacity: 0.8;
}
#findus { 
  position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
  bottom: 5vh;

}
#findus > div {
	/* height: 200; */
	/* border: 2px solid white; */
}
#findus a { 
  border: 0; 
  font-size: 1.3rem;
  color: #fff;
	/* border: 2px solid white; */
  cursor: pointer;
  transition: .3s background;
  vertical-align:middle
}
#findus a div {
	vertical-align:middle
}
#findus a img { 
	float:left;
	border: 0; 
	padding: 0; 
	margin: 0; 
}
#findus a .label {
	font-family: 'Modelica';
	font-size: calc(.5em + min(1vw, 1vh));
	text-align: center;
	visibility: hidden;
}
@media (hover: none) {
	#findus a .label {
		visibility: visible;
	}
}
#findus a:hover img { 
	filter: drop-shadow(0px 0px 10px white);
}
#findus a:hover .label { 
	visibility: visible;
}

a {
  color: #fff;
  text-decoration: none;
  transition: .6s background; 
}


@supports (max-width: min(230px, 25vh)) {
	div.buttons {
		display: flex;flex-direction: column; width: 27vw; max-width: min(230px, 25vh); align-items: center;
	}
	div.buttons img {
		width: 25vw; max-width: min(180px, 10vh); height: 25vw; max-height: min(180px, 10vh);
	}
}

@supports not (max-width: min(230px, 25vh)) {
	div.buttons {
		display: flex;flex-direction: column; width: 12vw; align-items: center;
	}
	div.buttons img {
		width: 5vw; height: 5vw;
	}
}