* {
box-sizing : border-box;
}
body {
background-image : linear-gradient(to bottom, #FFFFFF, #B3CBE4);
background-repeat : no-repeat;
color : #000000;
font-family : "Times New Roman", serif;
}
header {
background-image : url("banner3.png");
background-repeat : no-repeat;
background-position : center;
background-size : 100%;
padding : 4.25em;
margin-right : 0;
margin-left : 0;
}
nav {
text-decoration : none;
font-weight : bold;
padding : 1em;
font-size : 122%;
color : #00A703;
word-spacing : 15px;
float : left;
width : 160px;
line-height : 1.5em;
}
nav ul {
margin : 0;
padding-left : 0;
font-size : 1.2em;
list-style-type : none;
}
nav a:link {
color : #000080;
text-decoration : none;
}
nav a:visited {
color : #00A703;
text-decoration : none;
}
nav a:hover {
color : #D4AF37;
text-shadow : 1px 1px 1px #00A703;
text-decoration : none;
}
h1 {
margin-bottom : 0;
margin-top : 0;
font-family : "Times New Roman", serif;
font-size : 1.5em;
text-align : left;
text-shadow : 1.25px 1.25px 1.25px #00A703;
color : #D4AF37;
padding-top : 0.30em;
}
h2 {
color : #00A703;
text-shadow : 1px 1px 1px #B0C4DE;
}
h3 {
font-family : "Times New Roman", serif;
}
h4 {
margin-bottom : 0;
margin-top : 0;
font-family : "Times New Roman", serif;
text-align : right;
color : #000080;
text-shadow : 3px 3px 3px #FFFFE0;
background : linear-gradient(to right, #ECFFDC, #B3CBE4);
padding : 0.25em;
}
.farm {
font-weight : bold;
color : #5F9EA0;
}
iframe {
width : 320px;
height : 240px;
float : right;
padding : 5px;
}
main {
padding-top : 1px;
padding-right : 20px;
padding-bottom : 1px;
padding-left : 10px;
margin-left : 190px;
display : block;
color : #000000;
background-color : white;
}
main ul {
list-style-image : url(tree1.jpg);
}
footer {
font-size : 75%;
padding : 10px;
margin-left : 190px;
background-color : #FFFFFF;
font-style : italic;
text-align : center;
font-family : "Times New Roman", serif;
background : linear-gradient(to right, #ECFFDC, #B3CBE4);
}
#contact {
font-size : 90%;
text-align : center;
}
#return {
text-align : right;
}
#wrapper {
margin-left : auto;
margin-right : auto;
width : 80%;
background : linear-gradient(to right, #ECFFDC 0%, #FAFAD2 100%);
box-shadow : 3px 3px 3px #808080;
background-repeat : no-repeat;
}
#homehero {
height : 260px;
background-image : url(rainbow2.jpg);
background-repeat : no-repeat;
background-size : 100% 100%;
margin-left : 190px;
}
#acthero {
height : 260px;
background-image : url(pond.jpg);
background-repeat : no-repeat;
background-size : 100% 100%;
margin-left : 190px;
}
#respitehero {
height : 260px;
background-image : url(housepano.jpg);
background-repeat : no-repeat;
background-size : 100% 100%;
margin-left : 190px;
}
#workhero {
height : 260px;
background-image : url(workshops.jpg);
background-repeat : no-repeat;
background-size : 100% 100%;
margin-left : 190px;
}
#abouthero {
height : 260px;
background-image : url(housefull1.jpg);
background-repeat : no-repeat;
background-size : 100% 100%;
margin-left : 190px;
}
table {
border : #5F9EA0 solid 2px;
width : 100%;
border-spacing : 0;
border-collapse : collapse;
}
td, th {
padding : 10px;
border : #5F9EA0 solid 2px;
}
td {
text-align : center;
}
.text {
text-align : left;
}
tr:nth-of-type(odd) {
background-color : #EEF7EE;
}
header, main, nav footer, figure, figcaption, aside, section, article {
display : block;
}
@media only screen and (max-width: 600px) {
iframe {
float : none;  
}
nav {
padding : 0;
}
nav a {
display : block;
text-decoration : none;
border-bottom : 1px solid darkgreen;
}
header {
padding-top : 1em;
}
main {
padding-top : 0.1em;
padding-bottom : 0.1em;
padding-left : 1em;
padding-right : 1em;
font-size : 90%;
}
ul {
list-style-image : url(tree1.jpg);
}
#homehero {
height : auto;
}
#acthero {
height : auto;
}
#respitehero {
height : auto;
}
#workhero {
height : auto;
}
#abouthero {
height : auto;
}
table {
border : #5F9EA0 solid 1px;
width : 100%;
border-spacing : 0;
border-collapse : collapse;
}
td, th {
padding : 5px;
border : #5F9EA0 solid 1px;
}
td {
text-align : center;
}
.text {
text-align : left;
}
tr:nth-of-type(odd) {
background-color : #EEF7EE;
}
}
@media only screen and (max-width: 1024px) {
body {
margin : 0;
background-color : #FFFFFF;
}
main {
margin-left : 0;
}
#wrapper {
min-width : 0;
width : auto;
box-shadow : none;
}
nav {
float : none;
display : block;
text-align : center;
width : 100%;
padding : 0;
}
ul {
list-style-image : url(tree1.jpg);
overflow : hidden;
}
li a {
display : block;
color : white;
text-align : center;
margin : 10px 0 0 0;
text-decoration : none;
border-bottom : 3px solid #330000;
}
#homehero {
height : 200px;
margin : 0;
}
#acthero {
height : 200px;
margin : 0;
}
#respitehero {
height : 200px;;
margin : 0;
}
#workhero {
height : 200px;
margin : 0;
}
#abouthero {
height : 200px;
margin : 0;
}

footer {
margin : 0;
}
}