@font-face {
    font-family: 'Arial';
    src:url("../fonts/Arial.ttf");
}

// ITC Avant Garde Gothic Pro Bold
$title-font: itc-avant-garde-gothic-pro, sans-serif;
$title-bold: 700;
$title-medium: 500;
$title-light: 300;

$body-font: 'Arial';

$color-blue: #00B1B1;
$color-grey: #50687B;

$font-primary: $title-font;
$font-bold: 700;

$color-primary: royalblue;
$color-secondary: orange;
$color-white: #fff;
$color-black: #000;

:root {
	--font-small: 15px;

	@media(min-width:768px){
		--font-small:16px;
	}
	@media(min-width:992px){
		--font-small:17px;
	}
}


.showreel {
	width: 100%;
	height: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
}

.showreel-player {
	width: 90%;
	height: auto;

	@media(min-width: 768px){
		width: 85%;
	}
	@media(min-width: 992px){
		width: 75%;
	}
}

.showreel-video {
	width: 100%;
	height: 100%;
}