body{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Archivo';
	font-weight: 500;
}

.headerBlockBurgerMenu , .headerBurgerMenuContent{
	display: none;
}

.headerBox{
	position: absolute;
	top:0;
	overflow: hidden;
}

.headerBlock{
	display : flex;
	width : 100vw;
	height : 10vw;
	justify-content: center;
	align-items: center;
	z-index: 100;
	/* mix-blend-mode: difference;
	filter: invert(100%); */
}


.header{
	width : 90vw;
	display :flex;
	justify-content: space-between;
}

.headerBlockLogo img{
	width:13vw;
}

.headerBlockButtons{
	display :flex;
	width : 63vw;
	justify-content: space-between;
	align-items: center;
	font-size: 1.1vw;
}

.headerButton a{
	text-decoration: none;
	text-transform: uppercase;
	color : #324044;
}

.headerContactUsButton{
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(90deg, #00926D 0%, #008160 100%);
	width: 13.7vw;
	height: 3.82vw;
	border-radius: 0.17vw;
}

.headerContactUsButton a{
	color : white;
	text-decoration: none;
	text-transform: uppercase;
}

.BackToTopBox{
	position:relative;
	overflow: hidden;
}

.BackToTopButton{
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100vw;
	height: 10vw;

}

::placeholder{
	opacity: 1;
	color: #102225
}


.BackToTopText{
	font-family: 'Work Sans';
	font-style: normal;
	font-weight: 300;
	font-size: 2.3vw;
	line-height: 1.5vw;
	/* identical to box height, or 50% */
	
	letter-spacing: -0.03em;
	
	color: #182225;
}

.backToTopBox{
	overflow: hidden;
}

.BackToTopImage{
	margin-left: 1vw;
	margin-top:0.5vw;
}

.BackToTopImage img{
	width: 1.5vw;
}

@media (max-width: 680px) {
	.header{
		width: 80vw;
		align-items: center;
	}

	.headerBlockLogo img {
		width: 25.1vw;
	}
	
	.headerBlock {
		height: 22vw;
	}

	.headerBlockBurgerMenu{
		display: block;
		cursor:pointer;
	}

	.headerBlockButtons{
		display: none;
	}

	.headerBurgerMenuContent{
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: #fff;
		z-index: 100;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.headerMenuMobile{
		display: flex;
		width: 80vw;
		justify-content: space-between;
		align-items: center;
		height: 22vw;
	}

	.headerMenuMobileButtons{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		height: 106vw;
		font-family: 'Archivo';
		font-style: normal;
		font-weight: 200;
		font-size: 36px;

		text-align: center;
		text-transform: uppercase;

		color: #182225;
	}

	.headerMenuMobileContantUs{
		color: #007759;
		text-decoration: none;
	}

	.headerMenuMobileInfo{
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 4.5vw;
		padding-bottom: 10vh;
	}

	.headerBlockBurgerMenuImage{
		cursor: pointer;
	}

	.removeUnderlineMobile{
		text-decoration: none;
		color: #182225;
	}

	.BackToTopButton{
		height: 20vw;
		background: #31393C;
		z-index: 1;
		position: relative;
	}

	.BackToTopText {
		font-size: 4.6vw;
		color: #bcfad6;
	}

	.BackToTopImage {
		margin-top: 1.5vw;
	}
	
	.BackToTopImage img {
	width: 3.4vw;
	}
}