/*header*/
.wrapper {
	width: 100%;
	height: 6.2rem;
	background-color: var(--primdark);
	position: fixed;
	top: 0;
	z-index: 10;
}
.navbar {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	width: 60%;
	margin: 0 auto;
}
a.brandwrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: auto;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0;
	text-decoration: none;
}
.brandwrap img {
	height: 5.5rem;
	width: auto;
	margin-top: 0;
}
.brand {
	color: var(--white);
	font-family: 'ubuntu-lig', sans-serif;
	font-size: 2rem;
	padding: 0 0 0.5rem;
	margin-top: 20px;
	justify-content: flex-start;
}
.upperandlinks {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: auto;
	height: 6.2rem;
}
.navbar-links {
	height: 3.2rem;
	display: flex;
	align-items: flex-start;
	padding-top: 0.5rem;
}
.navbar-links ul {
	margin: 0;
	padding: 0;
	display: flex;
}
.navbar-links li {
	list-style: none;
	position: relative;
}
.navbar-links li::before {
	display: block;
	content: '';
	border-bottom: 1px solid var(--accent);
	transform: scaleX(0);
	/*transform-origin: 0 50%;*/
	top: 30px;
	left: 0;
	position: absolute;
	width: 100%;
	transition: transform 0.3s ease-in-out;
}
.navbar-links li:hover::before {
	transform: scaleX(1);
	/*transform-origin: 0 50%;*/
}
.navbar-links li a {
	text-decoration: none;
	color: var(--white);
	font-family: 'ubuntu-lig', sans-serif;
	font-size: 1.2rem;
	padding: 0.5rem 1rem;
	transition: all 0.3s ease-in-out;
	/*border-bottom: 1px solid rgba(0, 0, 0, 0);*/
}
.navbar-links li a:hover {
	color: var(--accent);
	/*border-bottom: 1px solid var(--accent);*/
}
.toggle-button {
	position: absolute;
	top: 2rem;
	right: 1rem;
	display: none;
	flex-direction: column;
	justify-content: space-between;
	width: 30px;
	height: 30px;
}
.toggle-button .bar {
	height: 3px;
	width: 100%;
	background-color: var(--white);
	border-radius: 10px;
	/*transition: transform 0.3s ease;*/
}
@media (max-width: 1300px) {
	.navbar {
		width: 100%;
	}
}
@media (max-width: 990px) {
	.wrapper {
		height: 4.7rem;
	}
	.brandwrap {
		display: flex;
		align-items: center;
	}
	.brand {
		padding: 0;
		margin: 0;
		display: block;
		font-size: 1.3rem;
	}
	.upperandlinks {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding-right: 12%;
		width: auto;
		height: 4.7rem;
	}
	.toggle-button {
		position: absolute;
		display: flex;
		top: 1.6rem;
		right: 3%;
		height: 25px;
		width: 30px;
	}
	.toggle-button.active .bar {
		position: relative;
	}
	.toggle-button .bar:first-child {
		position: absolute;
		top: 0;
		left: 0;
		transition: transform 0.5s ease;
		transform-origin: top left;
	}
	.toggle-button .bar:nth-child(2) {
		opacity: 1;
		position: absolute;
		top: 46%;
		left: 0;
	}
	.toggle-button .bar:last-child {
		position: absolute;
		bottom: 0;
		left: 0;
		transition: transform 0.5s ease;
		transform-origin: bottom left;
	}
	.toggle-button.active .bar:first-child {
		transform: rotate(41deg) translate(0%, 0%) scaleX(1.15);
		position: absolute;
		top: 0;
		left: 0;
	}
	.toggle-button.active .bar:nth-child(2) {
		opacity: 0;
	}
	.toggle-button.active .bar:last-child {
		transform: rotate(-41deg) translate(0%, 0%) scaleX(1.15);
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.navbar {
		width: 100%;
		padding: 0;
		margin: 0;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	.navbar img {
		height: 3.5rem;
		padding: 0 0 0 1rem;
	}
	.navbar-links {
		display: none;
		width: 100%;
		padding-top: 0;
		align-items: center;
		position: relative;
	}
	.navbar-links ul {
		width: 100%;
		height: 100vh;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		background-color: var(--primdark);
		opacity: 0.97;
	}
	.navbar-links li {
		width: 10rem;
		margin: 1rem 0;
		padding: 0;
		text-align: center;
		background-color: var(--primdark);
	}
	.navbar-links li::before {
		top: 3rem;
		transition: transform 0.3s ease-in-out;
	}
	.navbar-links li a {
		display: block;
		font-size: 1.6rem;
		padding: 0.3rem 1rem;
	}
	.navbar-links.active {
		display: flex;
		position: absolute;
		top: 4.5rem;
		left: 0;
		width: 100%;
	}
}
@media (max-width: 500px) {
	.brand {
		font-size: 1.3rem;
		padding-left: 10px;
	}
	.navbar img {
		display: none;
	}
}
/*FOOTER*/
.footwrapper {
	width: 100%;
	background-color: var(--primdark2);
}
div.companyinfo {
	min-width: 60%;
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
div.info {
	width: /*fit-content*/ auto;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 1rem;
	color: var(--white);
}
div.copy {
	width: 100%;
	/*max-width: 900px;*/
	padding: 10px 0 20px;
	margin: 0 auto;
	font-family: ubuntu-lig, sans-serif;
	color: var(--accent);
	text-align: center;
}
table {
	width: -moz-fit-content;
	width: fit-content;
	padding: 40px 0 30px;
}
.tableinfo td {
	padding: 5px 10px 5px 0;
}
@media (max-width: 991px) {
	div.companyinfo {
		width: 80%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
}