@font-face {
    font-family: Playfair;
    src: url(../fonts/PlayfairDisplay-Regular.ttf);
}

@font-face {
    font-family: PlayfairSC;
    src: url(../fonts/PlayfairDisplaySC-Regular.ttf);
}

body {
    font-family: Playfair;

}

.brand-text {
    background-color: #000; 
    font-family: PlayfairSC;
    text-transform: uppercase;
    letter-spacing: 6px;
    padding: 15px 40px;
    margin: 0;

}
.brand-text h1 {
    color: #fff;
    font-size: 2em;
}

.brand-text  span {font-size: 0.7em !important; letter-spacing: 2px;}

.navbar-default {
    border: none;
    background-color: #fff;
}

.navbar {min-height: 139px; margin-bottom: 0;}

.navbar-brand {padding: 0; margin: 0;}
.padding-zero {padding: 0;}

.navbar-nav > li {
    padding: 44px 50px;
    font-size: 1.3em;
}

.navbar-nav > li > a {color: #000 !important;}
.container .jumbotron, .container-fluid .jumbotron {padding: 0 !important;}
.jumbotron {padding: 0; margin: 0;}
.carousel {padding: 0;}

.nav li.active {border: 1px solid #000;}
.content {
    background-color: #f2f2f2;
    padding: 60px 10px;
}
.text {width: 75%}

.coming-soon {
    background-color: #fff;
    text-align: center;
    padding: 20px;
    width: 100%;
}

.coming-soon form {width: 100%;}

.label-order {margin: 0 auto; width: 50%}

.label-order > label {
    display: block;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
    font-size: 1.2em;
}

.label-order > label > input, .label-order > label > textarea {
    display: block;
    width: 100%;
    
}

.thank {
    margin: 100px auto;
    text-align: center;
    width: 100%;
}
.thank > h1 {font-size: 3.5em}
.thank > p {font-size: 1.5em}
.footer {
    width: 100%;
    background-color: #000;
    padding: 15px 30px;
}

.footer table {
    margin: 0 auto;
    color: #fff;
    font-size: 1.2em;
    width: 75%;
    
}

.footer table tr td {width: 33%; text-align: center; padding-bottom: 10px;}
.footer table tr td a {color: #fff; }
 
 @media only screen and (max-width: 768px) {
    
     .navbar-nav > li {padding: 44px 35px;}
}

 @media only screen and (max-width: 1024px) {
    
     .navbar-nav > li {padding: 44px 65px;}
}

 @media only screen and (max-width: 889px) and (min-width: 76px) {
    
     .navbar-nav > li {padding: 44px 35px;}
}

@media only screen and (max-width: 500px) {
    .navbar {background-color: #000;}
    .content table tr td{display: block;}
     .content table tr td img {width: 100%;}
     .text { width: 100%; margin-bottom: 30px; text-align: justify;}
     .content {padding: 60px 20px;}
    .label-order {margin: 0 auto; width: 100%}
}

@media only screen and (max-width: 372px) {
    .brand-text {padding: 15px 10px;}
}

 @media only screen and (min-width: 1024px) {
    
     .coming-soon {width: 70%; margin: 0 auto;}
}

.form-title {text-align: center; font-size: 2.6em; margin-bottom: 40px;}