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

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

/* TYPOGRAPHY */

h1, h2, h3, h4, h5 {font-family: "Fontdiner Swanky", serif;}

h1 {font-size: 4em;}
h2 {font-size: 3em; color: green}

p {font-family: "Open Sans", sans-serif;}
a {font-family: "Open Sans", sans-serif;}

/* NAVIGATION */

#navigation ul {list-style: none;}

#navigation li {display: inline-block; margin: 0 10px 0 10px; background-color: #0455BF; padding: 15px; color: white;}
#navigation a {color: white;}

/* LAYOUT */




    .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%;}


/* CLASSES */




/* 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%;}
}