@font-face {
    font-family: "Style";
    src: url("fonts/Style.woff") format('woff');
}

@font-face {
    font-family: "Mont";
    src: url("fonts/Mont.woff") format('woff');
}

body {
    background:#dfe3d1;
}

#header-catering {
    background-image: url("images/bg-header.png");
    width: 100%;
    height: 500px;
    position: relative;
    z-index: 2;
}

#logo-catering {
    width: 100%;
    bottom: 0px;
    background-image: url("images/lion.png");
    height: 270px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#logo-catering .logo-catering-text{
    text-align: center;
    color: white;
    width: 100%;
    position: absolute;
    bottom: 180px;
}
#container-header-catering {
    position: absolute;
    bottom: 0px;
    height: auto;
    width: 100%;
}
#header-catering-bottom {
    float: left;
    width: 100%;
    background-color: blue;
    height: 302px;
    background: linear-gradient(16deg, #dfe3d1 0%, #dfe3d1 40%, transparent 32%), linear-gradient(-16deg, #dfe3d1 0%, #dfe3d1 40%, transparent 27%);
}

.et_fixed_nav.et_show_nav #page-container {
    padding-top: 0px;
}

#catering-date{
    width:50%;
    margin-left: 25%;
    font-size: 1.5em;
    text-align: center;
}

#catering-date, #catering-intro-text {
    width: 40%;
    text-align: center;
    height: auto;
    margin-left: 30%;
}
#chef-head {
    width: 100%;
    background-image: url("images/chef-head.png");
    height: 70px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#catering-intro-text .text {
    margin-left: 40%;
    width: 20%;
}
#schnoerkel {
    width: 100%;
    background-image: url("images/schnoerkel.png");
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.title-cat {
    padding-left: 50px;
}

.blue-font {
    color: #38475A;
}
.gold-font {
    color: #8D734A;
}
.white-font {
    color: #fff;
}

.style {
    font-family: Style;
}
.mont {
    font-family: Mont;
}
.h2 {
    font-size: 2em;
    height: 2em;
}

#shop {
    width: 100%;
}
#shop .product.left {
    float:left;
}
#shop .product.right {
    float:right;
}
#shop .product {
    width: 45%;
    margin-left: 2.5%;
}
.title-cat-bg {
    background-image: url("images/bg-header-title.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px 40px 10px 40px;
}

.pt50 {
    padding-top:50px;
   }

.clear {
    clear: both;
}

.element {
    width: 100%;
}