@font-face {
  font-family: 'HurmeGeometricSans1';
  font-style: normal;
  src: url(HurmeGeometricSans1-Regular.ttf);
}

  
body {
	margin:0;
	background-image:url('../img/gnd.jpg');
	background-size: cover;
	font-size: 20px;
	line-height:20px;
	font-family:HurmeGeometricSans1;
	overflow-x: hidden;
}

a {
	color:#4e4f51;
}

.mainContainer {
	min-height:100vh;
	display: flex;
	flex-direction: column;
}

.header {
	height:100px;
	background-color:#f8f8f8;
}

.header-logo {
	padding-top:40px;
	padding-left:40px;
}

.header-logo img {
	width:200px;
}

.content {
	/* take remaining space below the header and center its children */
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative; /* anchor absolute-positioned decorations and footer to this area */
	overflow-x: hidden;
}

.gnd_square {
	position: absolute;
	top: 200px;
	left: 0px;
}

.gnd_square img {
	width: 250px;
}

.gnd_compass {
	position: absolute;
	bottom: 50px;
	left: 0px;
}

.gnd_compass img {
	width: 180px;
}

.gnd_compass_mobile {
	display:none;
}

.gnd_hammer {
	position: absolute;
	top: 200px;
	right: 0px;
}

.gnd_hammer img {
	width: 250px;
}

.gnd_screwdriver {
	position: absolute;
	bottom: 50px;
	right: 0px;
}

.gnd_screwdriver img {
	width: 180px;
}

.footer-contact {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	text-align: center;
	padding: 8px 12px;
	z-index: 10;
	color:white;
}

.footer-contact a {
	color:white;
	text-decoration:none;
	font-size:14px;
	letter-spacing: 1.2px;
}

.hideDesktop {
	display:none;
}


@media screen and (max-width: 1000px) {
	.gnd_square {
		display:none;
	}

	.gnd_compass {
		display:none;
		
	}

	.gnd_compass_mobile {
		display:block;
		position:absolute;
		left: -50px;
		bottom:0px;
	}

	.gnd_compass_mobile img {
		width:150px;
	}

	.gnd_hammer {
		right:-100px;
		top:50px;
	}

	.gnd_screwdriver {
		display:none;
	}

	.hideDesktop {
		display:block;
	}

	.hideMobile {
		display:none;
	}

	.centerMobile {
		width:60%;
	}

	.header-menu-mobile {
		position:absolute;
		right:20px;
		top:50px;
	}

	.header-menu-mobile img {
		width:25px;
	}
}

	

@media screen and (max-width: 680px) {
	
}