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

body {
	min-height: 100vh;
	background-color: #f9f9f9;
	margin: 0px auto;
	position: relative;
}

body::after {
	content: '';
	display: block;
	height: 80px;
}

nav {
	background-color: #984806;
}

.header,
.contact {
	background-color: #FABF8F;
}

.header h1 {
	font-family: Rage, Helvetica, Arial, sans-serif;
	font-size: 3.2rem;
}

.header .slogan {
	font-size: 0.9rem;
}

.between {
	background-color: #FDE9D9
}

.between .list-group {
	max-width: 370px;
}

.between .list-group-item {
	background-color: transparent;
	color: black;
	border-color: #BBB;
}

.between .list-group-item a {
	font-size: 1.4rem;
	color: black;
	text-decoration: none;
}

.content {
	background-color: #f9f9f9;
}

.title-picture {
	max-width: 400px !important;
}

.content img {
	max-width: 550px;
}

section .container {
	max-width: 750px;
}

.contact img {
	max-width: 100px;
}

/* Footer custom styling */
footer {
	background-color: #984806;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80px;
}