body { 

    font-family:"Open Sans";
    font-weight: 300;
    color: #333;
    margin: 0;
    padding: 0; 
    font-size: 1.1em;
    line-height: 1.5em;

    background-image: url(../images/bg.jpg); 
    background-repeat: no-repeat;
  background-attachment: fixed;
    background-size: cover; 

}

.wp { max-width: 1024px; margin-left: auto; margin-right: auto;  }

header { text-align: center; margin-top: 3em; margin-bottom: 3em; }

header img { max-width: 50%; min-width: 350px; }

h1 {
    font-weight: 300;
    font-size: 2.3em;
    line-height: 1.2em;
    text-transform: uppercase;
}

h2 {
    font-weight: 300;
    font-family:"Allison";
    font-size: 3em;
    color: #2F401B; margin-bottom: .5em;
}

h3 {
    font-family:"Allison";
    font-weight: 300;
    font-size: 2em;
    color: #2F401B;
    margin-bottom: .5em;

}


a {  color: #2F401B; }


.button { background-color: #2F401B; color: #fff;  text-transform: uppercase; display: inline-block; padding: .5em; text-decoration: none; }

main > article { max-width: 90%; margin-left: auto; margin-right: auto; margin-top: 3em; }

main > article:first-child { margin-top: 5em; margin-bottom: 2em; }

main { text-align: center;}

.col-3 {  display: inline-block; width: 33%; box-sizing: border-box; text-align: center; padding-top: 1em; }

@media (max-width: 600px) {
    .col-3 {
       width: 90%;   margin-left: auto; margin-right: auto;
    }
  }


footer { text-align: center; margin-top: 5em; margin-bottom: 2em; }
footer  a { color: #666; text-decoration: none;  padding-left: 1em; padding-right: 1em; }


 
.dish {
            margin-bottom: 20px;
        }
		
		
		dish h4 {     font-size: 1.5em;   color: #2F401B; } 
        .dish-title { 
            font-weight: bold;
            font-size: 1em;
        }
        .dish-price {
            float: right;
            font-weight: bold;
            color: #555;
        }
        .dish-description {
            margin-top: 5px;
        }
        .clearfix {
            clear: both;
        }