@charset "utf-8";
/* Farm Website */

* {box-sizing: border-box;}
img {max-width: 100%; height: auto;}

/* TYPOGRAHY */


h1,h2,h3,h4,h5 {font-family: "Spicy Rice", serif;}
p {font-family: "Open Sans", sans-serif;}
a {font-family: "Open Sans", sans-serif;}
h1 {font-size: 3em; color: #d9d82b}
/*NAVIGATION */

#navigation  ul {list-style: none;}

#navigation   li {margin: 50px 0px 10px 0px; background-color: #94d92b; padding: 20px; }


/* LAYOUT */
    .section {float: left; width: 100%; height: auto;}
    .one-col {float: left; width: 96%; height: auto; padding: 5px; margin: 2%;}
    .two-col {float: left; width: 46%; height: auto; padding: 5px; margin: 2%;}
    .three-col {float: left; width: 29.33%; height: auto; padding: 5px; margin: 2%;} 
    .four-col {float: left; width: 21%; height: auto; padding: 5px; margin: 2%}

    .wide-col {float: left; width: 66%; height: auto; padding: 5px; margin: 2%}

    .site-col {float: right; width: 33%; height: 100% padding 5px; margin: 2%}


/* CLASSES */

.layer-1{background-color: #4dd92c;}
.colour-2{color: #94d92b}
.colour-3{color: #2bd94c}
.colour-4{color: #d9d82b}
.colour-5{color: #2DB987}
    /* MEDIA QUERY */


/* x-large */
@media only screen and (max-width: 1200px) {
}

/* large */
@media only screen and (max-width: 1080px) {
    .four-col { width: 50%;}    
}

/* x-small */
@media only screen and (max-width: 576px) {
    .two-col {width: 100%;}
    .three-col {width: 100%;}
    .four-col { width: 100%;}
}