@charset "utf-8";
/* CSS Document */

/*headline - font-family: 'Quicksand', sans-serif;
paragraph - font-family: 'CrimsonText', serif; 
*/

/*Lawnless colors:
	burnt orange: #F2600C;
	deep blue: #150259;
	light pink: #F2A7E6;
	moss green: #58731F;
	sunflower: #F2B705;
*/

/*universal selector*/
* 
	{
	box-sizing: border-box;
	margin:0;
	}

/*element/group selectors*/
body 
	{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	}
h1,h2,h3,h4,h5,h6
	{
	font-family: 'Quicksand', sans-serif; 
	color:#F2600C; 		
	text-align: center;
	margin: auto;
	padding:10px 0 10px 0;
	}
p
	{
	font-family: 'CrimsonText', serif; 
	font-size: 20px; 
	color:#150259; 
	text-align: justify;
	line-height: 25px;
	margin: 0 5px;
	padding: 0 0 10px 0;
	}
li
	{
	font-family: 'CrimsonText', serif; 
	font-size: 20px; 
	color:#150259; 
	text-align: left;
	line-height: 25px;
	margin: 0;
	padding: 0 0 10px 0;
	}
/*
img 
	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}
*/

/*class selctors*/
.row:after
	{
	content: "";
	display: table;
	clear: both;
	}
/*flexbox container*/
.container 
	{
	background: rgba(255, 255, 255, 0.8); 
	display:flex;
	height: auto;
	margin:0;
	padding:0;
	flex-direction:row;
	justify-content:center;
	align-items:baseline;
	}
/* flexbox item */
.element 
	{
	margin: 1em;
	padding: .5em;
	flex-basis: 40%;
	}
/*flex images*/
.deforestation
	{
	background: white url("../lawnless/deforestation_1000_optimized.jpg") no-repeat center;
	background-size:cover;
	height:400px;
	}
.wildflowers
	{
	background: white url("../lawnless/garden_2400_optimized.jpg") no-repeat center;
	background-size:cover;
	height:375px;
	}
.oregonGrape
	{
	background: white url("../lawnless/oregon grape.jpg") no-repeat center;
	background-size:cover;
	height:220px;
	}
.swallowtail
	{
	background: white url("../lawnless/Swallowtail_2400_optimized.jpg") no-repeat center;
	background-size:cover;
	height:400px;
	}
.moss
	{
	background: white url("../lawnless/moss.jpg") no-repeat center;
	background-size:cover;
	height:500px;
		width:750px;
	}
.lawnmower
	{
	background: white url("../lawnless/lawn_2400_optimized.jpg") no-repeat center;
	background-size:cover;
	height:220px;
	}
.garden
	{
	background: white url("../lawnless/garden_2400_optimized.jpg") no-repeat center;
	background-size:cover;
	height:220px;
	}
.snowberry
	{
	background: white url("../lawnless/snowberry_1000_optimized.jpg") no-repeat center;
	background-size:cover;
	height:220px;
	}
.element h2 {font-size:2em;
			text-align:center;
			justify-content:center;}
/*IDs*/
/*navigation*/
#mainNav 
	{
	overflow: hidden;
	margin:0;
	display: block;
	position: fixed;
	background: rgba(255, 255, 255, 0.7); 
	width: 100%;
	height: 40px;
	font-family: 'Quicksand', sans-serif; 
	font-size: 20px;
	font-weight:800;
	}
#mainNav a
	{
	float:left;
	margin:0;
	display:inline-block;
	color:#F2600C;
	text-align:center;
	padding: 5px 5px;
	text-decoration:none;
	}
#mainNav a:hover 
	{
	background-color:#FFFFFF;
	color: #F2600C;
	}
#mainNav-right a:active 
	{
	background-color:#FFFFFF;
	color: #F2600C;
	}
#mainNav-right
	{
	float:right;
	}
/*home*/
#home_bg 
	{
	background: #58731F url("../lawnless/wildflowerbackground_2400_optimized.jpg") no-repeat center center fixed;
	margin: 0 auto;
	border: 0px;
	height:auto;
	}
/*header*/
#header_bg
	{
	background: rgba(255, 255, 255, 0.5)url("../lawnless/bees_1050.png") no-repeat right center; 
	width: 1050px;
	height: 150px;
	margin:47px auto 0;
	}
#header_bg h1
	{
	text-align:left;
	font-size:4em;
	line-height:60px;
	color:#F2600C;
	font-weight:lighter;
	text-shadow: #FFFFFF 3px 0px 0px;
	}
#header_bg p
	{
	text-align:left;
	font-size:2em;
	line-height:60px;
	color:#FFFFFF;
	text-shadow:  2px 2px 2px #888888;
	}
#footer
	{
	background: rgba(255, 255, 255, .8); 
	color: #150259;
	text-align: center;
	line-height: 40px;
	}