#footer {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0px;
    text-transform: uppercase;
    z-index: 5;
    background-color:#fcf7ee
}
#pickup-takeout-delivery-placeholder {
    /*top: 11px;*/
}

.footer-placeholder {
    position: relative;
}
.footer-content {
    display: inline-block;
    position: relative;
    width: 100%;
    top: -11px;
}
.footer-navigation {
    /*padding: 14px;*/
    padding: 10px;
    font-weight: 400;
    /*font-size: 1.25em;*/
    font-size: 1.1em;
    cursor: pointer;
}
.polygon-arrow-up {
    position: relative;
    top: 1px;
}
.background-color-white {
    background-color: #fcf7ee;
}
.background-color-yellow {
    background-color:#fcf7ee
}

.polygon-arrow-down {
    display: none;
    position: relative;
    z-index: 1;
    /*top: -1px;*/
    /*top: -4px;*/
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#pickup-takeout-delivery { background-color: #ffb434; }
#pickup-takeout-delivery-content { background-color: #fcf7ee; }

#gift-cards { background-color: #d22234; }
#gift-cards-content { background-color: #fcf7ee; }

#reservations { background-color: #3b3f4e; }

.footer-content {
    background-color:white;
    color: grey;
    display: none;
    /*padding: 51px 0 20px;*/
    padding: 20px 0 20px;
    top: 6px;
}
.footer-content-button:first-of-type:not(.delivery) {
    margin-right: 20px;
}
.footer-content-button {
    display: inline-block;
    margin-bottom: 20px;
    padding: 14px;
    background-color: #3b3f4e;
    color: white;
    font-weight: 450;
    text-decoration: none;
}

.footer-content-button:hover {
    background-color: rgba(210, 34, 52 , 1);
}

/* css for mobile devices */
@media screen and (max-device-width: 480px) {
    .footer-navigation {
        padding: 2%;
        font-weight: 450;
        font-size: 3.25em;
        cursor: pointer;
    }

    .footer-content-button {
        font-size: 3.25em;
        margin: 4%;
    }

    .footer-content {
        padding: 20px 0 40px;
    }
}