@charset "utf-8";
/* ------------------------------------ FARM WEBSITE -------------------------------------- */

    * {box-sizing: border-box}

    .headings{background-color: #afc67d;}

    /*home page*/
    #home-information {background-color:#afc67d}
    #farminfo {float:left; display:inline}
    #farmimg1 {float:right; width:25%; height:auto;}

    /*location page*/

    /*goods page*/

    /*attractions page*/

    /*contact us page*/

/* ------------------------------------ TYPOGRAPHY -------------------------------------- */

/* ------------------------------------ NAVIGATION -------------------------------------- */

    nav ul {list-style-type:none; text-align:center;}
    nav ul li{display:inline-block;  margin: 0 5px; background-color:#afc67d;padding:0 30px;border:#FFD1D9 solid 2px;padding-top:10px}
    nav ul li:hover{background-color:#104530;color:#FFD1D9}
    nav ul li a{text-decoration:none;}
    nav ul li a:hover{color:#afc67d}
    nav ul li:hover a{color:#afc67d}
    .nav-items{width:18%;overflow:auto;}

    a{width:100%;display:block;min-height:30px;}

/* ------------------------------------ LAYOUT -------------------------------------- */

    .two-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; margin: 2%; background-color:#afc67d; border:2px solid #FFD1D9}
    .four-col {float: left; width: 21%; height: auto; margin: 2%}

    h1 {font-size:45px;text-align:center; color:#104530;background-color:#afc67d; border:#FFD1D9 solid 2px;}

    h1,h2,h3 {
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    font-style: normal;
    }
    a {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight:weight;
    font-style:normal;
    color:#104530
    }

    p {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight:weight;
    font-style:normal;
    }

    /*image styling */
    .banner-image {width:100%;height:auto}


    footer {background-color:#afc67d;border:#FFD1D9 solid 2px; clear:both}
    body{background-color:#104530}
    main{background-color:#104530;}
    img {clear:both}
    div{background-color:#afc67d; border:#FFD1D9 solid 2px;}

    #rollover{width:350px; min-height:100px; background-image:url("../assets/sunflowers.jpg"); background-position:center; background-repeat:no-repeat; background-size:cover}
    #rollover:hover{background-image:url("../assets/petting zoo.jpg")}

    #home-information{border:#FFD1D9 solid 2px; background-color:#afc67d}
    .location-info{border:#FFD1D9 solid 2px; background-color:#afc67d;overflow:auto;}
    .location-info p{margin:7px}
    h2{margin:7px; color:#104530;}

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