*{
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
}
body{
  font-family: Raleway,sans-serif;
  color:grey;
  font-size: 1.6em;
  font-weight: 300;
  letter-spacing: 0;
  width: 100%;
  overflow-x: hidden;
}
nav{
  background: #804200;
  height: 80px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index:2;
}
label.logo{
  padding: 0 80px;
}
nav ul{
  float: right;
  padding-right: 80px;
}
nav ul li{
  display: inline-block;
  line-height: 80px;
  margin: 0 5px;
}
nav ul li a{
  color: white;
  font-size: 17px;
  padding: 7px 13px;
  border-radius: 3px;
  text-transform: uppercase;
}
a:hover{
  background: #e67700;
  transition: .5s;
}
.checkbtn{
  font-size: 30px;
  color: white;
  float: right;
  line-height: 80px;
  margin-right: 40px;
  cursor: pointer;
  display: none;
}
#check{
  display: none;
}
.checked {
  color: orange;
}

#About{
	min-height:400px;
	padding:100px;
	text-align:left;
}

#team{
	background-color:#ccddff;
	min-height:1400px;
	padding:100px;
	color:#002633;
	text-align:left;
}

#merits{
	min-height:300px;
	padding:100px;
	text-align:left;
}

#Services{
	min-height:900px;
	padding:100px;
	background-color:#994f00;
	color:#ccf2ff;
	text-align:center;
}
#reviews{
	min-height:600px;
	padding:100px;
	margin:auto;
}
#comment{
	width:20%;
	float:left;
	height:auto;
	margin-left:20px;
	padding:20px;	
	border: 1px solid #f9df9e;
	transition: .5s;
	text-align:center;
}
#Contact{
	min-height:700px;
	padding:100px;
	text-align:center;
	background-color:#E0FFFF;
}
#footer{
	padding-top:100px;
	min-height:400px;
	padding-left:100px;
	padding-right:100px;
	background-color:#002633;
	color:#e0e0eb;
}
#SignUp{
	background-color:none;
	height:auto;
}
#home{
  background: url(bg1.jpg) no-repeat;
  background-size: cover;
  min-height: calc(150vh - 80px);
  margin-top:50px;
  padding:80px
}
#split{
	width:45%;
	float:left;
	margin:10px;
	padding-top:10px;
	font-size: 16px;
	text-align:left;
}
#homeleft{
	width:70%;
	float:left;
	font-size: 16px;
	color:white;
	text-align:left;
	padding-left:20px
}
#homeright{
	width:30%;
	background-color:#994f00; 	
	float:right;
}
#lft{
	width:45%;
	float:left;
	margin:auto;
	padding-top:30px;
	border-radius:10px;
}
#rht{
	width:45%;
	float:right;
	padding-top:30px;
	margin:auto;
	border-radius:10px;
}
#lft2{
	clear:both;
	width:45%;
	float:left;
	margin:auto;
	padding-top:50px;
	border-radius:10px;
}
#rht2{
	width:45%;
	float:right;
	padding-top:50px;
	margin:auto;
	border-radius:10px;
}
#triple{
	padding-top:10px;
	width:40%;
	float:left;
	margin:auto;
}
#tripleC{
	padding-top:10px;
	width:20%;
	float:left;
	margin:auto;
}
p{
	font-size: 16px;
}
.modal-header {
  background-color:#002633;
  color: white;
}
.modal-body {
    background-color: #cc6600;
	color: white;
	text-align:left;
}




@media screen and (max-width: 992px) {
  label.logo{
	  padding-left:5px;
	  width:50%;
  }
 #home{
	 min-height:calc(130vh - 80px);
	 padding-left:50px;
	 padding-right:50px;
	 padding-top:10px;
	 width:100%;
 }
#About{
	min-height:600px;
	font-size: 12px;
	padding:30px;
	color:#595959;
}
#team{
	min-height:1700px;
	padding:30px;
	text-align:center;
	border-radius:3em;
	width:94%;
	margin:auto;
}
#merits{
	min-height:700px;
	padding:30px;
	font-size: 12px;
	margin:auto;
} 
#Services{
	min-height:1300px;
	padding:30px;
	font-size: 12px;
	text-align: center;
	margin:auto;
	width:94%;
	border-radius:3em;
}
#reviews{
	min-height:1300px;
	padding:30px;
	margin:0px;
	font-size: 12px;
}
#Contact{
	min-height:700px;
	padding:30px;
	margin:auto;
	text-align: center;
	font-size: 12px;
}
#footer{
	min-height:600px;
	padding:5px;
	text-align: center;
}
#check:checked ~ ul{
    left: 0;
  }
  
.checkbtn{
    display: block;
  }
  ul{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #002633;
    top: 80px;
    left: -100%;
    text-align: center;
    transition: all .5s;
  }
  nav ul li{
    display: block;
    margin: 50px 0;
    line-height: 30px;
  }
  nav ul li a{
    font-size: 20px;
  }
  a:hover,a.active{
    background: none;
    color: #0082e6;
  }
  
  #split, #triple, #tripleC, #homeleft, #comment{
	  width:100%;
	  float:left;
	  margin:auto;
	  border:none;
	  text-align: center;
  }
  #rht2, #rht, #lft2, #lft{
	  width:100%;
	  margin:auto;
  }
  #homeright{
	  width:100%;
	  margin:0px;
  }
}