/* import font family */
@font-face {
    font-family: "Futura Light";
    src: url("fonts/futura/futura-light-bt.ttf");
}

@font-face {
    font-family: "Futura Light Italic";
    src: url("fonts/futura/futura-light-italic-font.ttf");
}

@font-face {
    font-family: "Futurist Fixed-width";
    src: url("fonts/futura/FUTRFW.TTF");
}

@font-face {
    font-family: "futura medium bt";
    src: url("fonts/futura/futura%20medium%20bt.ttf");
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Futura Light", sans-serif;
    outline: 0;
    line-height: 19.2px;
    color: #000000;
}

a {
    color: var(--secondary);
    cursor: pointer;
}

h1, h2 {
    color: #AD7E2B;
    font-family: 'Futurist Fixed-width', sans-serif;
    font-weight: lighter;
}

h1 {
    font-size: 20px;
    margin-bottom: 20px;
}

h2 {
    font-size: 16px;
}

a:hover,
a.active,
a.text-light:focus,
a.text-light:hover {
    color: var(--primary);
    text-decoration: none;
}

.futura-light {
    font-family: 'Futura Light', sans-serif;
}

.futura-light-italic {
    font-family: 'Futura Light Italic', sans-serif;
}

.futurist {
    font-family: 'Futurist Fixed-width', sans-serif;
}

.logo-1 img {
    max-width: 223px;
    margin-top: 45px;
    margin-bottom: 33px;
}
.new-concept {
    font-size: 14px;
}

.banner {
    background-image: url('../img/banner%402x.jpg');
    background-color: #2B2B2D;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: 100% 0;
    font-size: 16px;
    font-weight: lighter;
    color: #ffffff;
    margin: 26px 0 45px;
    position: relative;
}

.banner-text {
    max-width: 270px;
    padding: 30px 0 16px;
}

.banner-logo {
    width: 284px;
    height: 284px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -142px;
    padding: 33px;
}

.banner-img {
    width: 100%;
    height: 100%;
    background-image: url('../img/banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 259px;
    max-width: 517px;
}

.welcome-text p {
    font-size: 13px;
    font-family: 'Futurist Fixed-width', sans-serif;
    line-height: 15.6px;
    margin-bottom: 8px;
    color: #191919;
}

.separator {
    margin: 40px 0 18px;
    font-size: 18px;
}

.products {
    max-width: 1050px;
    margin: 0 auto;
}

.our-cuisine-text,  .our-venue-text {
    font-size: 12px;
    max-width: 198px;
    color: #333333;
}

footer {
    margin-top: 24px;
}

.visit-menu img {
    width: 240px;
}

.book-table {
    color: #b3934a;
    width: 223px;
    padding: 10px 0;
    text-transform: uppercase;
    line-height: 15px;
    letter-spacing: 2px;
}

.book-table span {
    color: #ffffff;
    font-size: 8px;
}

.modal-header {
    background: url('../img/header-black-bg%402x.png') no-repeat scroll center center #333333;
    min-height: 56px;
    padding: 10px;
}

.house-policies {
    text-align: center;
    padding: 20px 0;
    position: relative;
}

.house-policies::after {
    position: absolute;
    right: 10px;
    top: 50%;
    height: 1px;
    background: #9F7B23;
    width: 215px;
    content: " ";
}

.house-policies::before {
    position: absolute;
    left: 10px;
    top: 50%;
    height: 1px;
    background: #9F7B23;
    width: 215px;
    content: " ";
}

.modal-body-text p {
    font-family: "Futura Light Italic";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 5px;
}

.modal-body .col-md-6 div h2 {
    font-family: "futura medium bt";
    font-size: 18px;
    color: #333333;
}

.modal-body .col-md-6 div p {
    max-width: 257px;
    font-family: "Futura Light Italic";
    font-size: 16px;
    color: #735633;
}

.modal-footer {
    background: url('../img/footer-gold-bg%402x.png') no-repeat scroll center center #624515;
    border: 0;
    justify-content: center;
}

.modal-footer p {
    font-family: "Futurist Fixed-width";
    color: #ffffff;
}