@font-face {
	font-family: Manrope-Light;
	src: url("../fonts/Manrope-Light.ttf");
	font-display: swap;
}
@font-face {
	font-family: Manrope-Regular;
	src: url("../fonts/Manrope-Regular.ttf");
	font-display: swap;
}
@font-face {
	font-family: Manrope-Medium;
	src: url("../fonts/Manrope-Medium.ttf");
	font-display: swap;
}
@font-face {
	font-family: Manrope-Bold;
	src: url("../fonts/Manrope-Bold.ttf");
	font-display: swap;
}
@font-face {
	font-family: Inter-Regular;
	src: url("../fonts/Inter-Regular.ttf");
	font-display: swap;
}
.header-elements nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

a{
	text-decoration: none;
}

/*#menuToggle
{
	display: block;
	position: absolute;
	top: 42px;
	right: 50px;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
*/}

/*nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
}*/
.logo-header img{
        height: auto;
        max-width: 200px !important;
        width: 100%;
        height: auto;
        aspect-ratio: auto 282 / 36;
	}
#menuToggle input
{
	display: none;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0; 
	z-index: 2; 
	-webkit-touch-callout: none;
}

#menu
{
	list-style-type: none;
	display: flex;
	padding-right: 1rem;
	margin-bottom: 0;
}


#menu li a
{
	text-decoration: none;
	text-decoration: none;
	font-size: 110%;
	color: #0E2B43;
	font-family: Manrope-Regular;
	font-weight: 400;
	margin-right: 20px;
}

#menuToggle input:checked ~ ul
{
	transform: scale(1.0, 1.0);
	opacity: 1;
}


@media screen and (min-width: 320px) and (max-width: 768px) {
	#menu {
		display: block;
		top: 0%;
		right: -100%;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 11;
		overflow-y: auto;
		-webkit-transform: translate3d(0, 0, 205px);
		-moz-transform: translate3d(0, 0, 205px);
		transform: translate3d(0, 0, 205px);
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
		padding-top: 5rem;
		background: #fff;
	}
	#menu.active {
		right: 0;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		transition: all 500ms ease-in-out;
	}
	#menuToggle .line.is-active .line3{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: -10px;
		left: 5px;
		z-index: 99;
	}
	
	#menuToggle .line.is-active .line1{
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 8px;
		left: 6px;
		z-index: 99;
	}
	#menuToggle .line.is-active .line2 {
		width: 0%;
		opacity: 0;
	}
	body.nav-on{
		overflow-y: hidden;
	}
	#menuToggle
	{
		right: 0;
		top: 40px;

	}

	#menu{
		display: block;
	}

	#menuToggle input
	{
		display: block;
		width: 40px;
		height: 32px;
		position: absolute;
		top: -7px;
		left: -5px;
		cursor: pointer;
		opacity: 0; 
		z-index: 2; 
		-webkit-touch-callout: none;
	}

	#menuToggle span
	{
		display: block;
		width: 33px;
		height: 4px;
		margin-bottom: 5px;
		position: relative;
		background: #0E2B43;
		border-radius: 3px;
		z-index: 1;
		/*transform-origin: 4px 0px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		opacity 0.55s ease;*/
		margin-right: 15px;
	}

	/*#menuToggle span:first-child
	{
		transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2)
	{
		transform-origin: 0% 100%;
	}

	#menuToggle input:checked ~ span
	{
		opacity: 1;
		transform: rotate(45deg) translate(-2px, -1px);
		background: #0E2B43;
	}

	#menuToggle input:checked ~ span:nth-last-child(3)
	{
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}

	#menuToggle input:checked ~ span:nth-last-child(2)
	{
		opacity: 1;
		transform: rotate(-45deg) translate(0, -1px);
	}
*/
	/*#menu
	{
		position: absolute;
		width: 100%;
		height: 100vh;
		padding: 50px;
		right: 0px;
		background: #fff;
		text-align: center;
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		transform-origin: 0% 0%;
		transform: translate(100%, 0);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	}*/

	#menu li a{
		padding-bottom: 40px;
		text-align: center;
		display: block;
	}

	#menuToggle input:checked ~ ul
	{
		transform: scale(1.0, 1.0);
		opacity: 1;
	}
}


/*old */
.header-elements{

	padding: 2rem 0rem;

}

.logo-image img{

	height: auto;

	aspect-ratio: auto 230 / 28;

}

.header-nav{

	display: flex;

	justify-content: space-between;

}

.logo-image img{

	width: 100%;

	height: auto;

	aspect-ratio: auto 230 / 28;

}

.contact-info a{

	text-decoration: none;

	font-size: 100%;

	color: #1655A6;

	font-family: Manrope-Regular;

	font-weight: 400;

}

@media screen and (min-width: 769px) and (max-width: 991px) {

	.header-elements {

		padding: 2rem 6rem;

	}



}

@media screen and (min-width: 569px) and (max-width: 768px) {
	.header-elements {

		padding: 2rem 6rem;

	}
	.contact-info a {

		text-decoration: none;

		font-size: 85%;
	}

}

@media screen and (min-width: 320px) and (max-width: 568px) {
	.header-elements {

		padding: 2rem 1rem;

	}

	.logo-image img {

		max-width: 85%;

	}

	.contact-info a {

		text-decoration: none;

		font-size: 72%;

	}
	.contact-info{
		width: 20%;
		text-align: right;
	}
	
}