@font-face {
  font-family: 'Lato';
  src: url(../fonts/Lato-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'VT323';
  src: url(../fonts/VT323-Regular.ttf) format('truetype');
  size-adjust: 125%;
}

@font-face {
  font-family: 'Futura';
  src: url(../fonts/Futura-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'c6-88';
  src: url(../fonts/c6-88.woff) format('woff');
  size-adjust: 80%;
}

/** BODY **/
body {
	font-family: 'Lato', sans-serif;
	color: #040000;
	background-color: #fffffb;
}

address {
	margin-bottom: 0
}

/** FONT **/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Futura', sans-serif;
	font-size: 1em;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.2em;
}

a {
	color: #0000ee;
	text-decoration: underline;
}

nav a {
	text-decoration: none;
}

a:hover {
	color: #ee0000;
}

.lat {
	font-family: 'Lato', sans-serif;
}

.vt {
	font-family: 'VT323', serif;
}

.fut {
	font-family: 'Futura', sans-serif;
}

.c6 {
	font-family: 'c6-88', serif;
}

/** HERO **/
.hero {
	font-family: 'VT323', serif;
	border-bottom: #888888 1px solid;
}

.hero.home {
	background: #888888 url(../img/bvg-home.jpg) no-repeat center center;
}

.hero.contact {
	background: #888888 url(../img/bastiaan-van-gils.jpg) no-repeat center center;
}

.hero.gray {
	background: #888888;
}

.bkg-overlay {
    /* background: rgb(100, 100, 100); Fall-back for browsers that don't support rgba */
    /* background: rgba(0, 0, 0, .1); */
}

.hero-text {
	min-height: 480px;
	padding-top: 2em;
	padding-bottom: 1em;
	text-shadow: #eeeeee 1px 1px 8px;
}

.hero-text h1 {
	font-family: 'Futura', sans-serif;
	font-size: 2em;
}

.hero-text p {
	font-family: 'VT323', serif;
	font-size: 1.2em;
}

/** NAVBAR **/
nav {
	background-color: #000000;
}

.navbar {
	font-family: 'VT323', serif;
	border-bottom: #888888 1px solid;
}

.navbar-brand img {
	max-height: 50px;
}

.navbar-nav {
	padding-top: 38px;
}

.navbar-dark .navbar-toggler {
	margin-top: 20px;
	color: rgba(255, 255, 255, .75);
	border-width: 2px;
	border-color: rgba(255, 255, 255, .75);
}

/** BUTTONS **/
.btn {
	font-size: 17.5px;
	white-space: normal;
}

.btn-sm {
	font-size: 14px;
}

.btn-lg {
	font-size: 21px;
}

/** CARDS **/
.card {
	font-family: 'VT323', serif;
}

/** FOOTER **/
footer {
	margin: 48px 0px 0px;
	padding: 20px 0px;
	background: #000000;
	border-top: #888888 1px solid;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}

.a-footer, .a-footer:visited, .a-footer:active {
	color: #ffffff;
	text-decoration: none;
}

.a-footer:hover {
	color: #eeeeee;
}

.a-footer.u {
	text-decoration: underline;
}

/** COLORING **/
.blauwmagenta {
	color: #110022;
}

.magenta {
	color: #220022;
}

.magentarood {
	color: #220011;
}

.rood {
	color: #220000;
}

.oranje {
	color: #221100;
}

.geel {
	color: #222200;
}

.geelgroen {
	color: #112200;
}

.groen {
	color: #002200;
}

.groencyaan {
	color: #002211;
}

.cyaan {
	color: #002222;
}

.cyaanblauw {
	color: #001122;
}

.blauw {
	color: #000022;
}

/** TEXT MODIFICATION **/
.onderstreep {
	text-decoration: underline;
}

.bovenstreep {
	text-decoration: overline;
}

.hoofdletters {
	text-transform: uppercase;
}

/** YOUTUBE RESPONSIVE IFRAME EMBED **/
div.youtube-embed {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

div.youtube-embed>iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}