body{
	height: auto;
	width: 100%;
	background-color: white;
	font-family: Roboto;
	font-size: 16px;
	color: black;
}

nav{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

header{
	background-color: #455A64;
	position: fixed;
	width: 100%;
	height: 50px;
	padding: 0px;
	box-sizing: border-box;
	overflow-y: hidden;
	z-index: 10;
	overflow: visible;
}

	header ul{
		z-index: 10;
		opacity: 0.95;
		padding-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		height: 50px;
		position: relative;
		display: table;
		list-style-type: none;
		margin-left: auto;
		margin-right: auto;
	}

	header ul li{
		box-sizing: border-box;
		text-align: center;
		max-height: 50px;
		font-size: 16px;
		letter-spacing: 5px;
		color: white;
		padding: 15px;
		padding-left: 30px;
		padding-right: 30px;
		display: inline-block;
	}

	.home-b li{
		border-bottom: 2px solid #FF5722;
	}

	header ul li:hover{
		cursor: pointer;
		border-bottom: 2px solid #FF5722;
	}


/* Mobilní menu */

#menuMobile{
	position: fixed;
	transform: translate3d(0,0,0);
	z-index: 9;
	display: none;
	width: 100%;
	height: 100vh;
	background-color: white;
	opacity: 0.95;
}

#menuMobile .mobileMenu-b{
	text-align: center;
	background-color: transparent;
	width: 100%;
	display: inline-block;
	font-size: 30px;
	letter-spacing: 5px;
	padding-top: 0.5em;
	cursor: pointer;
}

#mobileMenuClose{
	font-family: monospace;
	text-align: center;
	font-weight: bold;
	margin-top: 1em;
	font-size: 50px;
	cursor: pointer;
}

#menuButtton{
	box-sizing: border-box;
	width: 60px;
	height: 50px;
	background-color: transparent;
	visibility: hidden;
	display: block;
	text-align:center;
	padding: 5px;
	color: white;
	transition: 0.5s;
}

#menuButtton:hover{
	color: #FF5722;
	cursor: pointer;
}

#menuButtton div{
	font-size:30px;
	transform:rotateZ(-90deg) scale(1, 2.5);
}

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

	#mM{
		top: 50px;
		position: fixed;
	}

	header nav ul li{
		display: none;
	}

	#menuButtton{
		visibility: visible;
	}

}

#home{
	box-sizing: border-box;
	color: white;
	height: 100vh;
	min-height: 15em;
	width: 100%;
	margin: 0px;
	transition: 0.8s;
	position: relative;
	background-color: transparent;
	z-index: 1;
	background-position: center;
	background-size:auto  100%;
	background-repeat: no-repeat;
	overflow: hidden;
	border-bottom: 10px solid #455A64;
}

#background-i{
	transition: 0.5s;
	height: 100vh;
	width: 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	object-fit: cover;
}

#about{
	margin-top: 0px;
	height: 100%;
	width: 100%;
	position: relative;
	background-color: white;
	padding: 0%;
	min-height: 100vh;
	border-bottom: 10px solid #455A64;
}

.axis-machine-park{
	padding: 0.5em;
	padding-left: 1em;
}

#offer{
	min-height: 100%;
	width: 100%;
	position: relative;
	background-color: white;
	min-height: 100vh;
	border-bottom: 10px solid #455A64;
	display: inline-block;
	padding-top: 0px;
}

	.img-o{
		width: 25%;
	}

	.text-o{
		display: inline-block;
		font-size:22px;
		color:#212121;
		letter-spacing:0.15em;
	}


	.row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		padding: 0 4px;
	}

	/* Create four equal columns that sits next to each other */
	.column {
			display: flex;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			box-sizing: border-box;
			padding: 1em;
			flex: 49%;
	    	max-width: 49%;
			align-self: center;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			max-width: 50%;
	}

	.column img {
	    margin-top: 8px;
	    vertical-align: middle;
		width: 50%;
	}

	/* Responsive layout - makes a two column-layout instead of four columns */
	@media (max-width: 800px) {
	    .column {
	        flex: 50%;
	        max-width: 50%;
	    }
	}

	/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
	@media (max-width: 600px) {
	    .column {
	        flex: 100%;
	        max-width: 100%;
	    }
	}


#contacts{
	height: 100%;
	width: 100%;
	position: relative;
	background-color: white;
	padding: 0%;
	min-height: 100vh;
	border-bottom: 10px solid #455A64;
	display: inline-block;
}

	#contacts-bigbox{
		box-sizing: border-box;
		padding: 0.5em;
		width: 100%;
		height: auto;
		text-align: center;
		display: flex;
		flex-direction: row;
	}


	#contacts-box1{
		text-align: left;
		position: relative;
		height: 500px;
		width: 49%;
		padding: 0.5em;
		background-color: transparent;
		box-sizing: border-box;
		display: inline-block;
		overflow: hidden;
		padding: 0.5em;
		margin-top: 0em;
	}

	#infoWindow {
    width: 20em;
		height: 100em;
	}

		.title3{
			letter-spacing: 3px;
			font-size:22px;
			color:#455A64;
			font-weight:bold;
		}

		.text3{
			font-size:22px;
			color:#757575;
		}

		.contacts-secondary-text{
			margin-left:2.5em
		}

	#contacts-box2{
		overflow: hidden;
		flex: 1;
		position: relative;
		height: 500px;
		width: 49%;
		background-color: transparent;
		box-sizing: border-box;
		display: inline-block;
	}


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

	#contacts-bigbox{
		flex-direction: column;
		height: 1000px;
	}

	#contacts-box1{
		width: 100%;
	}

	#contacts-box2{
		width: 100%;
	}
}


h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #455A64;
}


.sectionTitle{
	position: relative;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	color:#455A64;
	background-color: transparent;
	letter-spacing: 5px;
	word-spacing: 5px;
	font-size: 40px;
	width: 100%;
	padding-top: 55px;
	text-align: center;
}


a{
	color: #757575;
	text-decoration: none;
}

#map-bubble{
	max-width: 200px;
	height: 200px;
}
/* @media screen and (min-width: 320px){

}

@media screen and (min-width: 480px){

}

@media screen and (min-width: 600px){

}

@media screen and (min-width: 768px){

}

@media screen and (min-width: 800px){

}

@media screen and (min-width: 1024px){

} */


::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #8f8f8f;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #6b6b6b;
}
::-webkit-scrollbar-thumb:active {
  background: #363636;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
::-webkit-scrollbar-track:active {
  background: #ffffff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}