@font-face {
    font-family: 'Gara';
    src: url('../fonts/GARA.TTF') format('truetype');
}

h1, h2, h3 {
   font-family: "Gara",serif;
   color: #584b39;

    }

    .deshes-area h1 {
    color: #584b39;
    }

a {
    color: #e95158;
    font-size: 1.4em;
}

b, sup, sub, u, del {
    color: #5f5548;
}

p.provider {
    color: #777;
    font-size: 1.5em;
}
.modal-title {
  color: #777;
}
.table-area .input-group {

}

.table-area input {
    height: 47px;
}

.header-area {
    z-index: 10;
}

.banner-area{
  padding:400px 0 350px;
  background-color:#b0b0b0;
  background-image:url("../images/1920-900-4-1.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  position:relative
  }

.reservation-area{background-image:url("../images/bg3.jpg");}

.table-area {
    background-image: url('../images/1920-900-6.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

span.style-change {
    color: #e95158;
}

h4 {
     text-transform: unset;
}

.header-area {
    box-shadow: 2px 3px 10px rgba(0,0,0,0.5);
}

.first-main {
    color: #e95158;
    font-style: normal;
}
h1 {
    font-style: normal;
}

.banner-area {
    padding: 250px 0 250px;
}

.logo-area img { max-width: 148px; }

img.pre-icons {
    max-width: 120px;
}

@media (max-width: 575.98px){
.first-main {
    font-size: 1rem;
}
h1 {
    font-size: 28px!important;
}

.banner-area{
  background-position:left;
  }

}