@charset "UTF-8";
*{
	font-family:montserrat;
}
body{
	margin:0;
	padding:0;
	
}
.section{
	width:100%;
	padding:20px 0px;
}

nav {
  width: 80%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

nav .right ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

nav .right ul li {
  list-style: none;
  margin: 0 10px;
}

nav .right ul li a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.6);
  font-family: montserrat, sans-serif;
  font-weight: 700;
  display: block;
  padding: 10px 15px;
}

ul li {
  position: relative;
}

ul li ul.dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #fff;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5);
  z-index: 999999;
}

ul li ul.dropdown li {
  display: block;
}

ul li:hover ul.dropdown {
  display: block;
}

.hamburger {
  display: none;
  font-size: 26px;
  cursor: pointer;
  color:#2EA3F2;
}

.half{
	width:80%;
	max-width:1200px;
	margin:auto;
	padding:70px 0px;
}
.logo{
	width:150px;
}

.header{
	background:url("Imgs/header.jpg");
	background-size:cover;
	background-position:top center;
	height:90vh;
	position:relative;
}
.header_block{
	position:absolute;
}
.Prod{
	width:350px;
	position:absolute;
	z-index:99;
	right:100px;
	bottom:-100px;
}
.header_product{
	position:relative;
	margin:0 !important;
	padding:0 !important;
}
.header_block{
	width:100%;
	font-size:40;
	font-family:montserrat;
	color:#3d94ab;
	text-align:center;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.half h2, .half p{
	text-align:center;
	line-height:30px;
}
.half p{
	font-size:17pt;
	font-weight:300;
}
.header_2{
	width:100%;
}
.products{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	max-width:990px;
	margin:auto;
}
.product{
	width:300px;
	margin:10px 0px;
}
.product img{
	width:300px;
	transition:.8s ease;
}
.product:hover img{
	transform:scale(1.4);
}
.small img{
	width:270px;
}
.footer{
	background:#fed219;
}
.footer footer{
	display:flex;
	justify-content:space-between;
	
}
footer .left, footer .right{
	width:35%;
}
footer{
	width:80%;
	max-width:1200px;
	margin:auto;
	padding:70px 0px;
}
footer a {
	text-decoration:none;
	color:#000;
}
.style{
	width:85% !important;
	padding:10px 10px;
	border:none;
	outline:outline;
	background:#eeeeee;
}
.style::placeholder{
	font-size:17px;
	color:#333;
}
input[type=email]{
	padding:15px 10px;
	width:300px;
	border:none;
	outline:none;
	border-radius:3px;
}
input[type=submit]{
	background:#3d94ab;
	padding:15px 10px;
	border:none;
	outline:none;
	color:#fff;
	border-radius:3px;
}
input::placeholder{
	font-size:20px;
	color:rgba(0,0,0,.6);
}
input[type=submit]:hover{
	background:none;
	color:#000;
}
.footer_bottom{
	background-color: rgba(0,0,0,.32);
	padding: 15px 0 5px;
}
.column{
	display:flex;
	justify-content:space-between;
}
.column .left img{
	width:100%;
}
.column .right h2, .column .right p{
	text-align:left;
	font-size:17pt;
}
.column .left, .column .right{
	width:49%;
}
@media screen and (max-width:770px){
	.product{
		width:300px;
		margin:10px auto;
	}
	.footer footer{
		display:block;
	}
	.left{
		width:100% !important;
	}
	.right{
		width:100% !important;
	}
	.column{
		display:block !important;
	}
	.half{
		padding:40px 0px;
	}
	}

	@media (max-width: 768px) {
	  .hamburger {
	    display: block;
		float:right;
	  }

	  nav .right ul {
	    display: none;
	    flex-direction: column;
	    width: 100%;
	    background: #fff;
	    position: absolute;
	    top: 60px;
	    left: 0;
	    box-shadow: 0 2px 5px rgba(0,0,0,.2);
		z-index:99999;
	  }

	  nav .right ul.active {
	    display: flex;
	  }

	  nav .right ul li {
	    margin: 0;
		width:100%;
	    border-top: 1px solid #ddd;
	  }

	  nav .right ul li a {
	    padding: 15px;
	  }

	  ul li ul.dropdown {
	    position: static;
	    box-shadow: none;
	  }

	  ul li:hover ul.dropdown {
	    display: none;
	  }

	  ul li:focus-within ul.dropdown {
	    display: block;
	  }
	  ul li ul.dropdown {
	    display: contents;
	    position: relative;
	    top: 100%;
	    left: 0;
	    min-width: 200px;
	    background: #fff;
	    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5);
	    z-index: 999999;
	  }

	  ul li ul.dropdown li {
	    display: block;
	  }

	  ul li:hover ul.dropdown {
	    display: block;
		box-shadow:none;
	  }
	}