@charset "UTF-8";
/* Style the navbar */
body {
  margin: 0;
  font-size: 28px;
  	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"

}

html, body {
  margin:0px;
  height:100%;
}

html {
	
}

.wrapper {
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	scroll-behavior: smooth;
	
}

#landing{
  background-image: linear-gradient(#223309, #3a5b09) ;
	
}


.logo-center{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;

}

.logo {
	width: 400px;
	height: 106px;
padding-bottom: 5%;	

}

.home {
		width: 50px;
	height: 12px;
}

.tagline {
	color: #fff;
	font-size: 12px;
}

#navbar {
  overflow: hidden;
  background-image: linear-gradient(#223309, #304c07) ;
	text-align: center;
	position: fixed;
	width: 100%;
	
	
}

#navbar a {
  display:inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 12px;
	transition: 0.4s;
}

#navbar a:hover {
  background-color: #b89342;
  color: white;
}


#about {
 background-image: linear-gradient(#b89342, #9f7311) ;
}

.about-wrapper{
text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
	height: 100vh;
}

#services {
  padding: 16px;
	background-image: url("img/services.jpg");
	background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	height: 100%;
	display: flex;
}

.text1 {
  width: 50%;
	padding-top: 15%;
	padding-left: 5%;
	font-weight: lighter;
	font-size: 1rem;
	letter-spacing: .1rem;
	line-height: 1.5rem;
	
		
}

.text2 {
  width: 50%;
	padding-top: 15%;
	padding-right: 5%;
		font-weight: lighter;
	font-size: 1rem;
		letter-spacing: .1rem;
		line-height: 1.5rem;


}

p.text3 {
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 20%;
		font-weight: lighter;
	font-size: 1rem;
		letter-spacing: .1rem;
		line-height: 1.5rem;
	color: #ffffff;


}

#clients{
  background-image: linear-gradient(#383f45, #212a31) ;
	
}

.client-wrapper{
text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
	height: 100%;
}


.row {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;

}



.client-img {
	width: 200px;
	padding: 20px;

	
}

#contact{
  background-image: linear-gradient(#223309, #3a5b09) ;
	
}

.contact-wrapper {
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 100vh;


}

.email {
	padding-top: 25%;
}
.email a {
	 color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;
	transition: 0.4s;
}

.email a:hover {
  background-color: #b89342;
  color: white;
}

.logo-small {
	padding-top: 5rem;
	width: 150px;

}

@media only screen 
    and (min-width: 500px) 
    and (-webkit-device-pixel-ratio: 3) {
	
	#navbar {
  overflow: hidden;
  background-image: linear-gradient(#223309, #304c07) ;
	text-align: center;
	position: fixed;
	width: 100%;
	
	
}

#navbar a {
  display:inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 18px 26px;
  text-decoration: none;
  font-size: 24px;
	transition: 0.4s;
}

#navbar a:hover {
  background-color: #b89342;
  color: white;
}
	.logo {
	width: 600px;
		height: 159px;
	transition: 0.4s;
}

		
		#services {
		padding-top: 20%;
	background-image: url("img/services.jpg");
	background-position: left; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	height: 100%;
			
}
		


.text1 {
	width: auto;
	margin: 0 0 0 0;
	font-weight: lighter;
	font-size: 2rem;
	letter-spacing: .3rem;
	line-height: 2.5rem;

	
		
}

.text2 {
	width: auto;
	margin: 0 0 0 0;
	font-weight: lighter;
	font-size: 2rem;
	letter-spacing: .3rem;
	line-height: 2.5rem;

}
		
p.text3 {
	width: auto;
	margin: 0 0 0 0;
	font-weight: lighter;
	font-size: 2rem;
	letter-spacing: .3rem;
	line-height: 2.5rem;

}
		.client-wrapper{
text-align: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
	height: 100vh;
}
		
		.email {
			padding-top: 75%;
}
.email a {
	 color: #f2f2f2;
  text-align: center;
  padding: 26px 30px;
  text-decoration: none;
  font-size: 32px;
	transition: 0.4s;
}

.email a:hover {
  background-color: #b89342;
  color: white;
}

.logo-small {
	padding-top: 5rem;
	width: 150px;
}
}