#header #logo {
	background: url(../images/logo.png)
}

/* The below is for the fonts */
@font-face {
	font-family: BJ;
	src: url('../fonts/BIG JOHN.otf');
}
@font-face {
	font-family: SJ;
	src: url('../fonts/Slim Joe.otf');
}
@font-face {
	font-family: cmssr;
	src: url('../fonts/computer_modern/cmunss.ttf');
}

#header {
	background-color: rgb(18,21,40);
}

a:link {
    color: rgb(18,21,40);
}

/* Visited link and mouse over link */
a:hover {
    color: $white;
}

* {
	font-family: 'cmssr';
}

h1, h1 a, h2, h2 a {
	font-family: 'BJ';
	color: rgb(18,21,40);
}

h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	font-family: 'SJ';
	color: rgb(18,21,40);
}

@media (min-width: 1000px) {
	#body {
		padding-left: calc((100vw - 1000px)/2 + 7rem);
		padding-right: calc((100vw - 1000px)/2 + 7rem); 
	}
}

.imagemaxwidth {
    max-width: calc(98vw - 2rem);
    display: block;
    margin: auto;
}

@media (min-width: 601px) {
    .imagemaxwidth {
        max-width: 600px;
    }
}


audio {
	width: 100%;
}


footer {
	text-align: center
}
*/