html, body{display:block;margin:0px;padding:0px;width:100%;height:100%;background:#2c2c2b;}


.separator{width:1080px;height:10px;background-image:url('../img/separator.jpg');background-repeat:no-repeat;background-size:1080px 10px;}

.container{width:1080px;height:1920px;margin:0 auto;}

.top-banner{width:1080px;height:270px;display:flex;background:2c2c2b;}

.top-banner-pdej-anim{width:270px;height:270px;background:#2c2c2b;display:flex;justify-content: center;align-items:center;}
.top-banner-pdej-anim img{width:230px;height:230px;margin:0 auto;}
.top-banner-pdej{width:810px;height:270px;}
.top-banner-brunch{width:1080px;height:270px;}
.top-banner-intro{width:1080px;height:270px;}
.top-banner-apmidi{width:1080px;height:270px;}

.burger-top{width:1080px;height:140px;}
.burger-section{width:1080px;height:460px;display:flex;flex-direction:row;}
.burger-content{width:540px;height:460px;}
.burger-slider{width:540px;height:460px;}

.menu-section{width:1080px;height:440px;display:flex;}
.menu-content{width:480px;height:440px;}
.supplement-content{width:600px;height:440px;}

.bottom-section{width:1080px;height:580px;display:flex;}
.bottom-drink{width:540px;height:580px;}
.bottom-dynamic{width:540px;height:580px;}



/* SLIDER */

#slides {
    position: relative;
    width:540px;
    height:460px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    background:#2c2c2b;
}

.slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    background:#2c2c2b;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.showing {
    opacity: 1;
    z-index: 2;
    background:#2c2c2b;
}