@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
}

header {
	position: fixed;
	width: 100%;
	background-color: #6FC33B;
	border-bottom: solid #4D8729;
	z-index: 100;
}
header img {
	padding: 5px 0px 0px 10px;
}
.logotext {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 4px;
	width: 10%;
	position: absolute;
	top: -8px;
	left: 105px;
}
nav {
	position: absolute;
	top: 0px;
	right: 0px;
}
nav ul {
	list-style:  none;
}
nav ul li {
	float: left;
	font-size: 14px;
	margin-right: 25px;
	letter-spacing: 2px;
	font-weight: bold;
}
ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
ul li:hover a {
	color: #2D7C1F;
}


.banner {
	background-color: #6FC33B;
	background-image: url(Images/Craftsman_transparent.JPG);
	height: 390px;
	background-attachment: fixed;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
.parallax {
	color: #FFFFFF;
	text-align: center;
	font-size: 2.8em;
	letter-spacing: .1em;
	text-shadow: 0px 0px 3px black;
	padding-top: 120px;
	margin-top: 0px;
}
.parallax_description {
	color: #FFFFFF;
	text-align: center;
	font-size: 2.5em;
	letter-spacing: .1em;
	width: 65%;
	text-shadow: 0px 0px 2px black;
	padding-top: 0px;
	padding-left: 20%;
	margin-top: 0px;
}


.about p {
	color: #202E22;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 2em;
	letter-spacing: 0.1em;
}
.about {
	padding: 5em 6em;
}


.natalie {
	display: flex; 
}
.natalie .natalie_pic {
    background-image: linear-gradient( 90deg, #5AD87C 0%, #3E6439 100%);
	width: 40%;
	padding: 7% 0% 0% 10%;
}
.natalie .natalie_profile {
	background: #3E6439;
	width: 36%;
    padding: 4.6% 7% 0% 7%;
}
.natalie_profile p {
	color: #FFFFFF;
	text-align: justify;
	font-size: 1.25em;
	line-height: 1.25em;
	letter-spacing: 0.1em;
}

.lincoln {
	display: flex; 
}
.lincoln .lincoln_pic {
    background-image: linear-gradient( 90deg, #5AD87C 0%, #3E6439 100%);
	width: 40%;
	padding: 2% 0% 7% 10%;
}
.lincoln .lincoln_profile {
	background: #3E6439;
	width: 36%;
    padding: 6% 7% 8% 7%;
}
.lincoln_profile p {
	color: #FFFFFF;
	text-align: justify;
	font-size: 1.25em;
	line-height: 1.25em;
	letter-spacing: 0.1em;
}


.service_area {
	display: flex;
}
.service_list {
	width: 30%;
	padding: 0% 10%;
}
.service_pic {
	width: 60%;
}
.service_area h2 {
	color: #000000;
	font-size: 2em;
	padding-top: 2em;
}
.service_area ul {
	list-style: none;
}
.service_area ul li {
	color: #000000;
	font-size: 1.5em;
}
.service_area img {
	height: 100%;
}


.fees{
	position: relative;
	width: 100%;
	height: 550px;
	background-image: linear-gradient( 30deg, #5AD87C 0%, #D8D75A 100%);
}
.fees h2 {
	color: #000000;
	font-size: 2em;
	position: absolute;
	top: .5em;
	left: 2em;
}
.fees p {
	color: #000000;
	font-size: 1.25em;
	line-height: 1.15em;
	letter-spacing: .05em;
	text-align: justify;
	position: absolute;
	top: 3.5em;
	left: 2em;
	right: 2em;
}
.fees_table {
	width: 50%;
	position: absolute;
	top: 15em;
	left: 3em;
}
.fees_table tr td {
	padding: 5px;
	font-size: 1.5em;
	text-align: left;
	border-bottom: 1px solid #425246 ;	
}



.footer {
	position: relative;
	width: 100%;
	height: 350px;
	background-image: linear-gradient( 10deg, #AD2C2E 0%, #D8D75A 100%);
	border-top: 15px solid #FFFFFF;
}
.footer h2 {
	position: absolute;
	top: .5em;
	left: 3em;
}
.contact_table {
	width: 60%;
	position: absolute;
	top: 4.5em;
	left: 5em;
}
.contact_table tr td {
	font-size: 1.5em;
	text-align: left;
	
}
.footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.5em;
	position: absolute;
	top: 10em;
	left: 3em;
}
.copyright {
	font-size: 1.25em;
	position: absolute;
	top: 14em;
	left: 3.5em;
}