@font-face {
	font-family: 'Uni Sans';
	src: url('../font/Uni_Sans_Heavy.otf') format('opentype');
}

@font-face {
	font-family: 'Uni Sans';
	src: url('../font/Uni_Sans_Heavy_Italic.otf') format('opentype');
	font-style: italic;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: 'Delicious-Heavy';
	src: url('../font/Delicious_H_2021.otf') format('opentype');
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family: 'Delicious-Regular';
	src: url('../font/Delicious_R_2021.otf') format('opentype');
}

body {
	background: black;
	margin: 0;
	padding: 0;
}

.title {
	display: inline-block;
	font-weight:bold;
	font-family:'Delicious-Heavy';
	font-size:42px;
	margin-bottom: 0;
}

.small-title {
	font-weight:bold;
	font-family:'Delicious-Heavy';
	font-size:30px;
	margin-bottom: 0;
}
.small-title a {
	text-decoration: none;
}

.text {
	max-width:750px;
}

.date {
	font-size: 0.8em !important;
	color: #7f7f7f;
	margin: 0;
}

.pagination {
	list-style: none !important;
	margin-bottom: 20px;
	padding-left: 10%;
}
.pagination li {
	display: inline;
	margin: 0 5px !important;
}
.pagination a {
	text-decoration: none;
}
li.active a {
	font-weight: bold;
}
li.disabled a,
li.disabled span
{
	color: grey;
}

#logo {
	margin-top:-2%;
	margin-left:46%;
	position:absolute;
	width:8%;
	z-index:1;
}

.header {
	margin: 0;
	padding: 0;
	height: 80px;
	background-color: #111;
}

#navbar {
	margin-top: -4px;
	z-index:-2;
	background-color: #111;
	display: inline-block;
	width: 100%;
}

.nav1 {
	border:0;
	border-width:0px 0;
	list-style:none;
	width:45.5%;
	margin:0;
	float:left;
	padding:0;
	text-align:right;
}
.nav1 li{
	display:inline;
}
.nav1 a {
	display:inline-block;
	padding:15px 10px;
	color: white;
	text-decoration: none;
	font-family: 'Uni Sans';
	font-size:24px;
	margin:0 0 0 6%;
}
.nav1 li a:hover:not(.active) {
	background-color: #333;
}
.nav2 {
	border:0;
	float:right;
	border-width:0px 0;
	list-style:none;
	width:45.5%;
	margin:0;
	padding:0;
	text-align:left;
}
.nav2 li{
	display:inline;
}
.nav2 a {
	display:inline-block;
	padding:15px 10px;
	margin:0 0 0 0;
	color: white;
	text-decoration: none;
	font-family: 'Uni Sans';
	font-size:24px;
	z-index:-5;
}
.nav2 li a:hover:not(.active) {
	background-color: #333;
}

.dropdown {
	float:right;
	border:0;
	border-width:0px 0;
	padding:0;
	overflow: hidden;
	margin:0 1% 0 0;
	color: white;
	text-decoration: none;
	font-family: 'Uni Sans';
	font-size:24px;
}

/* Dropdown button */
.dropdown .dropbtn {
	padding:15px 10px;
	font-size: 24px;
	border: none;
	outline: none;
	color: white;
	background-color: inherit;
	font: inherit; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.dropdown:hover .dropbtn {
	background-color: #333;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
	display: none;
	color:white;
	position: absolute;
	background-color: #111;
	min-width: 176px;
	z-index:0;
}

/* Links inside the dropdown */
.dropdown-content a {
	float: none;
	color: white;
	margin:0;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size:16px;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
	background-color: #333;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block !important;
}

.footer {
	color:white;
	background-color:black;
	height:200px;
	position:relative;
	text-align:left;
}

.footer-link {
	color:#c81167;
	font-style:italic;
	font-size:16px;
}

a.footer-link {
	text-decoration: none;
	color:#c81167;
}
a.footer-link:hover {
	color:white;
}

.hello {
	font-family:'Uni Sans';
	color:white;
	position:absolute;
	margin-left:20%;
	margin-top:2%;
	padding:0;
	border:0;
}

.hello hr {
	margin-top:-1px;
	margin-bottom:-1px;
}

.sitemap {
	font-family:'Uni Sans';
	color:white;
	position:absolute;
	min-width:100px;
	margin-left:67.5%;
	margin-top:2%;
}

@media (max-width: 920px) {
	.hello {
		margin-left:5%;
		margin-top:2%;
	}

	.sitemap {
		min-width:100px;
		margin-left:80%;
		margin-top:2%;
	}
}

@media (max-width: 640px) {
	.nav1 li {
		display:block;
	}
	.nav2 li {
		display:block;
	}

	.hello {
		position: relative;
		margin: 0 5%;
		padding-top: 2%;
	}

	.sitemap {
		position: relative;
		margin: 0 5%;
	}

	.footer {
		height: 300px;
	}
}

.copyright {
	height:30px;
	font-family:'Uni Sans';
	font-weight:bold;
	font-size:10px;
	color:grey;
	text-align:center;
	padding:10px;
	border:0;
	margin-top:-20px;
	background-color:black;
}