.menu-items a, .item a {
    text-decoration: none;
    color: white;
}

.recommendations {
    margin: 10px 0;
}

.share-cta {
    text-align: center;
    font-size: .7em;
}

.share-cta img {
    width: 80%;
}

footer {
    font-size: .8em;
    color: #777;
    height: 30px;
    margin: 10px 0;
    border-top: solid 1px #777;
    padding-top: 5px;
}

a {
    color: #A7A7A7;
}

footer .maker {
    float: right;
}

footer .copyright {
    float: left;
}

h1 {
    text-align: center;
    margin-bottom: 10px;
}

.brewed-by {
    text-align: center;
    margin-top: 0;
}



.title, .subtitle {
    margin: 1px;
    color: #777;
    letter-spacing: initial;
    text-align: center;
}

.title {
    margin-top: 20px;
}

.subtitle {
    border-bottom: solid 1px #777;
}

h3 {
    margin-bottom: 0px;
    color: #777;
}

img {
    max-width: 100%;
}

.coming-soon {
    float: right;
    width: 300px;
    z-index: -999;
}

.menu-item {
    margin: 3px;
    position: relative;
}

.menu-item > div {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2px;
}

.menu-item > div div {
    font-size: .9em;
    display: block;
}

#logo {
    text-align: center;
}

#logo img {
    width: 247px;
    height: 50px;
}


.item .photo {
    width: 50%;
    float: left;
}

.item .info {
    float: left;
    width: 45%;
    margin-left: 10px;
}

.item .info h1 {
    margin-top: 0px;
    text-align: left;
    font-size: 1.5em;
}

.pure-button-feedback {
    background: #595959;
}

.item .info .price {
    display: inline-block;
    width: 85px;
    text-align: center;
    font-size: 1.5em;
    background-color: #595959;
    padding: 5px 0;
    margin-right: 5px;
}


.item .price-list .price {
    width: 175px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 2px;
    font-size: 1em;
    text-align: left;
}

.item .price-list .price .amount {
    float: right;
}



.pure-menu-link {
    display: none;
    top: 0;
    left: 200px;
    background: #000;
    background: rgba(253, 244, 3, 0.7);
    font-size: 10px;
    z-index: 10;
    width: 2em;
    height: auto;
    padding: 2.1em 1.6em;
}

.pure-menu-link {
    position: fixed;
    left: 0;
    display: block;
}

.pure-menu-link span, .pure-menu-link span:before, .pure-menu-link span:after {
    background-color: #fff;
    width: 100%;
    height: .2em;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}


.pure-menu-link span:before, .pure-menu-link span:after {
    position: absolute;
    margin-top: -.6em;
    content: " ";
}







.pure-menu-link span:after {
    margin-top: .6em;
}



.pure-menu-link span, .pure-menu-link span:before, .pure-menu-link span:after {
    background-color: #fff;
    width: 100%;
    height: .2em;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}



.pure-menu-link span {
    position: relative;
    display: block;
}



.pure-menu-link span, .pure-menu-link span:before, .pure-menu-link span:after {
    background-color: #fff;
    width: 100%;
    height: .2em;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

#layout, #menu, .pure-menu-link {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}



#layout.active .pure-menu-link {
    left: 200px;
}

#menu {
    margin-left: -200px;
    width: 200px;
    position: fixed;
    top: 0;
    left: 200px;
    bottom: 0;
    z-index: 1000;
    background: #191818;
    overflow-y: auto;
    -webkit-overflow-scroll: touch;
}

#menu .pure-menu-open {
    background: transparent;
    border: 0;
}


#menu {
    left: 0;
}

#layout.active #menu {
    left: 200px;
    width: 200px;
}

.pure-menu-link.active span {
    background: transparent;
}

.pure-menu-link.active span:before {
    -webkit-transform: rotate(45deg) translate(.5em, .4em);
    -moz-transform: rotate(45deg) translate(.5em, .4em);
    -ms-transform: rotate(45deg) translate(.5em, .4em);
    -o-transform: rotate(45deg) translate(.5em, .4em);
    transform: rotate(45deg) translate(.5em, .4em);
}

.pure-menu-link.active span:after {
    -webkit-transform: rotate(-45deg) translate(.45em, -.35em);
    -moz-transform: rotate(-45deg) translate(.45em, -.35em);
    -ms-transform: rotate(-45deg) translate(.45em, -.35em);
    -o-transform: rotate(-45deg) translate(.45em, -.35em);
    transform: rotate(-45deg) translate(.45em, -.35em);
}

#menu .pure-menu ul, #menu .pure-menu .menu-item-divided {
    border-top: 1px solid #333;
}


/* crazy awesome loading */
.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
    background-color: black;
    padding-bottom: 72%; /* 3/4*100 */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAF3CAMAAABkLEnOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURVlZWWBgYGZmZmtra3FxcXZ2dnx8fIKCgoiIiI6OjpWVlZycnKOjo6qqqrGxsbm5ucDAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAM/Y/WsAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAABa9JREFUeF7t2tlW4zgUBVBMAoQMJP//tX2vBtvBpkzX0L0K9n4oO5KHlI4kD+EBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA2HK43Q5t9V+63W53y9/gfLvt2+qGoS35GX9l6Pu3T/YNVv2NoX9+QmDVr4f+G30yzTiz0H+F0L8hoX9DQv+GZqHvjpdozvPhsX0Oj4fzNctep7L98e12uzxPobflPjZ7GA5xiOtpiuTxNQouh2GZZ2wf+z1H9dux15SNdsc4Ze7SxZeIbS/HXfmU+xV1p/tKPmUMfTjVtgzj0H9tBSFSTsOxfT4N8U8passMfZ89JB1LTWTaPl+G9dD70V5rWW7Ud7n2GOMbNqfsCPehv6vkU3roQ47yrmXWIylqZFPPyMpS1JYRxlvPvPebHmCkHodfhj51qnrGCH0657WmOP8Slyi6C/19JZ/SQ880z0/Dw/Acs/ftJYuyectMvTtEmqcsesnGfcpJNVYWoUfsz0Otu2bRY+x27SVroUfGu3bGOGgJPU4UQ3yfXbBMLnnGt+e4ujxlZfkSecZ6rLVKtrXQM4I2vnPMl1EW/aC3Yw7ZXEY8rWgXJYvQ22DLLHJyjnF4rTcDu5wDVkKvF4084yVXMrrS3x6GOFN+nyF27EM4h3U5Rl+uVrKthR5t9lYLYoC2NGIx3r/FevwbQbVJt15Ny0pbZohluIZYzQAik16SWy9D75f+XM9TRegl/BA7nGORvW38Eq0jjKGvVrKthR5jrd2qhegB79svmjf+jY3HOTS7RllpywyufA71Ap5dpBU85G3fMvTxljt2yBEeodebgZiwa+hx1Z++SoRcemY/1mol21ro8wRyes4Gbx73L+VZLto5JvweShlaZRlVuYgQ+yjN8GLru8PUfjAz7yQZXx449utTQ1TnzlFS5/uUl5Rc1i/zQSXbptDr59QaPO/XzhFtE+08G4nlQ1lGVS7GnUJUxdZthq5q0cx8+9w0n9pmG02hz3Zrp6pf5oNKtv0o9Nljeoj2jVb+Y6G3kd43EvofNIU+Te8trbwhjgvl+XR4ygt4tO/d9B4TdllGVS6WoW9O7+MVP0/1YejTDB5l70NfVrKthR6Z3N3IxWSbF8nx7WZt59h4vJFbeyNXPoca3jzW9Ru5/iTQT78M/f29Wrlt6MdarWRbC33lkS1qxiaNe+ls5+wH/Rkpn5fKSlsuQ58/suXWy9D7tNE7wDL03G/xVBbHLZutVrKthZ7N3tqsv5yZhV7eqWc7R8u2tyHldUtZa8uV0LMnzbZeht7er+cZywyyDH31/UvfzMuZn9RCX3kNm+Mop/fhKRu0NmmO+PqqNVPcCn16DVu2vs8kQ79dD49xxqwtI3YZ+uqb1lir3XGtkm099OUPLjmO5spMPd3Qn6Ods+QHoZd+M1mGPp2z3lD0/cJ4uNrjqjass4PWXVYqM/6ykieo14/4P747+TfXQ5/9tHqtBXVOLq6HqKw/f+bgSuXH0lISH3KxFvqU+nGWZ5WZ7Frq13bpXwu9RFYd21Se80372stKoW8bQ49Wqn9E8dJaL/pB+QOFt1PM0JFeu9Gb/1lEKWiNvBp63fp63M/zrDKTOENcTKYzzjaaHe7xNb/GZfaHHGU2r51wUZkfy4rQ/3cxa0wvAlIJnS8nYu0DcPx5ZiT0rylibX8HNf9tvhH615S3hvWhLy+0/T1NI/Svabr9D+9flwn9i9rli56qPyKMhP5VDc+nHO3zv5vvhA4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8Nx4e/gH6pWrpi33tZgAAAABJRU5ErkJggg==);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.embed-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.photo.embed-container {
    padding-bottom: 37%;
}

@media screen and (max-width: 420px) {
    .item .photo {
        width: 100%;
        float: none;
    }

    .item .info {
        width: 100%;
        float: none;
    }

    .photo.embed-container {
        padding-bottom: 73%;
    }
}

img.spicy {
    width: 15%;
    position: relative;
    left: 3%;
    top: 3%;
}


/* social icons */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-yelp, .icon-google-plus, .icon-facebook, .icon-twitter {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-yelp:before {
	content: "\e000";
}
.icon-google-plus:before {
	content: "\e001";
}
.icon-facebook:before {
	content: "\e002";
}
.icon-twitter:before {
	content: "\e003";
}