* {
	font-family: 'Poppins', sans-serif;
}

html {
  scroll-behavior: smooth;
}

body 
{
	overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal !important;
}


main a:hover {
	text-decoration:underline !important;
}

img 
{
	border-radius:4px !important;
}

#header {
	height:96px !important;
}


#logo {
	margin-top:24px !important;
	height:48px !important;
	width:auto !important;
}

#brand {
	height:32px;
	width:auto;
}

/* website copyright */
#footer_copyright {
	background-color:#777;
	text-align:center;
	padding:1rem;
}

/* contact gegevens */
#footer_contact_info {
	background-color:#555;
	text-align:left;
	padding:1rem;
}

/* toolbox */
#footer_socials {
	background-color:#444;
	margin:none !important;
	width:100% !important;
	text-align:center !important;
	padding:1.4rem !important;
	height:6rem;
}

#footer_socials a i {
	padding:1rem !important;
	font-size:1em !important;
}

#footer_socials, #footer_socials * {
	text-decoration:none !important;
}

/* toolbox */
#footer_toolbox {
	background-color:#333;
	margin:none !important;
	width:100% !important;
	text-align:center !important;
	padding:1.4rem !important;
	height:4rem;
}

#footer_toolbox a {
	text-decoration:none !important;
}

#footer_toolbox a:hover, #footer_toolbox a:focus {
	text-decoration:underline !important;
}

#footer_copyright, #footer_copyright *, #footer_contact_info, #footer_contact_info *, #footer_toolbox, #footer_toolbox * {
	color:#fff !important;
}

/* kleine schermen */
@media only screen and (max-width: 960px) 
{
	footer, footer * {
		font-size:10pt !important;
	}
}

#footer_toolbox, #footer_toolbox * {
	margin:0rem !important;
}

.dot {
  height: 125px;
  width: 125px;
  border-radius: 50%;
  position:absolute;
  background-color:#00ffaa;
  top:0px;
  left:0px;
}