header, footer
{
  background-color: #150a05; 
}
.tiny-text
{
    font-size: 0.5rem;
}
.payment-icon
{
    height: 36px;
}

/* .navbar-collapse
{
    padding-bottom: 30px;
} */

.offcanvas
{
    background-color: #83171a;
}

.website-logo
{
    height: 60px;
}

.navbar-brand
{
    font-family: 'Norican', cursive;
    color: #fff;
    font-size: 32px;
    vertical-align: middle;
    padding-left: 10px;
}

.navbar-dark .navbar-brand
{
    color: #fff;
}

.btn-order
{
background-color: #A12428;
color: #fff;
}

a
{
    text-decoration: none;
}


.img-move-wrapper {
    position:relative;
    overflow:hidden;
    margin:0 auto;
  }

  .img-move {
    position:absolute;
    width:55%;
  }

.background-image
{
    width: 100vw;
    content:url("./images/background-small.jpg");
    /* animation-name: background-image;
    animation-duration: 2s; */
    z-index: 1;
    left:0;


}
.background-image-pizza
{
    width: 100vw;
    content:url("./images/background-small-pizza.png");
    animation-name: background-image-pizza;
    animation-duration: 4s;
    z-index: 2;

}
.background-image-wings
{
    width: 100%;
    content:url("./images/background-small-wings.png");
    animation-name: background-image-wings;
    animation-duration: 4s;
    z-index: 3;

}
.background-image-town
{
    width: 100%;
    content:url("./images/background-small-town.png");
    animation-name: background-image-town;
    animation-duration: 4s;
    z-index: 4;

}
.background-image-empty
{
    width: 100%;
    content:url("./images/background-small-empty.png");

}
@keyframes background-image {
    0%   {opacity: 20%;}
    100% {opacity: 100%;}
  }
  @keyframes background-image-pizza {
    0%   {opacity: 0%;}
    40%   {opacity: 0%; margin-left: -10px;}
    60%   {opacity: 100%; margin-left: 0px;}
    100% {opacity: 100%;}
  }
  @keyframes background-image-wings {
    0%   {opacity: 0%;}
    60%   {opacity: 0%; margin-left: 10px;}
    80%   {opacity: 100%; margin-left: 0px;}
    100% {opacity: 100%;}
  }
  @keyframes background-image-town {
    0%   {opacity: 0%;}
    80%   {opacity: 0%; margin-left: -5px;}
    100% {opacity: 100%; margin-left: 0px;}
  }


.rough
{
    font-family: 'HighVoltage Rough', sans-serif;
    font-size: 2em;
}
.rough-small
{
    font-family: 'HighVoltage Rough', sans-serif;
    font-size: 1.5em;
}

footer a{
    color: white;
}
.logo-small
{
    width: 180px;
}
 
iframe {
    min-height: 800px;
}

@media (min-width: 1200px)
{
    .tiny-text
    {
        font-size: 0.8rem;
    }
    .payment-icon
    {
        height: 60px;
    }
    .rough
    {
        font-family: 'HighVoltage Rough', sans-serif;
        font-size: 4em;
    }
    .rough-small
    {
        font-family: 'HighVoltage Rough', sans-serif;
        font-size: 2em;
    }
    .background-image
    {
        width: 100vw;
        content:url("./images/background-large.jpg");
        /* animation-name: background-image;
        animation-duration: 2s; */
        z-index: 1;
        left:0;


    }
    .background-image-pizza
    {
        width: 100vw;
        content:url("./images/background-large-pizza.png");
        animation-name: background-image-pizza;
        animation-duration: 4s;
        z-index: 2;

    }
    .background-image-wings
    {
        width: 100%;
        content:url("./images/background-large-wings.png");
        animation-name: background-image-wings;
        animation-duration: 4s;
        z-index: 3;

    }
    .background-image-town
    {
        width: 100%;
        content:url("./images/background-large-town.png");
        animation-name: background-image-town;
        animation-duration: 4s;
        z-index: 4;

    }
    .background-image-empty
    {
        width: 100%;
        content:url("./images/background-large-empty.png");

    }
}

#sp_foot, #tabsouterouter, #sp_menu_drop {
    display: none;
}

.mobileExpandSection {
    visibility: hidden;
}
  
.container {
    background-color: #f5bc54;
}