* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family: 'Montserrat', sans-serif;
}

.mainroot {
 background-color: black;
 color: #FFFFFF;
 margin-top: 3px;
}

.video {
  height: auto;
  width: 100%;
 opacity: 0.4;
 position: relative;
 z-index: -1;
 object-fit: cover;
  display:block;
  padding: 0;
  margin: 0;
}
.container-video{
  margin: 0;
  padding: 0;
  width: 100vh;
  overflow: hidden;
}

.intro_row {
 position: absolute;
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: calc(100% - 30px);
 padding: 20px;
 
}
.call {
 display: flex;
 align-items: center;
 gap: 8px;
 text-align: end;
 width: fit-content;
}






.menu-bars {
 display: flex;
}

.menu_bar {
 height: fit-content;
 background: #000000;
 width: calc();
 padding: 10px;
 gap: 10px;
}

.row2 {
 display: flex;
}


.menu_image {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 100px;
}


.text {
 border:none;
 background: none;
 text-align: center;
}

.menu_image {
 margin: 0px;
}

h5.card-title, .card-text {
 margin: 0;
 text-align: center;
}

.des {
 font-size: 10px;
}


.comida, .licores {
 padding: 4px;
 padding-left: 10px;
 padding-right: 10px;
 font-weight: bold;
 border: 2px solid #ffa600;
 color: #ffa600;
 background: transparent;
 border-radius: 999px;
 width: calc((100% - 350px));
 transition: .2s ease-in-out;
  width: fit-content;
 text-decoration: none;
}

.licores {
 text-decoration: none;
}

.comida:hover, .licores:hover {
 transform: scale(1.08);
 background: #ffa600;
 color: #FFFFFF;
}

.logo {
 width: 100px;
 height: 100px;
}

@media (max-width: 600px) {
 .logo {
  width: 100px;
  height: 100px;
 }

 .menu_bar {
  width: 100%;
 }
}

@media (max-width:800px) {
  .comida {
 margin-top: 300px;
 }
  .licores {
 margin-top: 300px;
 }
}



@media (min-width:1024px) {
 .comida {
  margin-top: 700px;
  width: calc((100% - 800px) / 2);
 }
 .licores {
 margin-top: 700px;
 width: calc((100% - 800px) / 2);
 }

 }

.card {
 display: flex;
 align-items: center;
 justify-content: center;
}



.about_text {
 text-align: center;
}
.comi{
  margin-top: 6px;
}

.row.g-0 {
 margin-bottom: 10px;
 border: 2px solid #1B1B1B;
 width: fit-content;
 border-radius: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 
}

.row.g-0 img {
 margin-left: 10px;
}

.call_title {
 color: white;
 text-decoration: none;
}

.call_title:hover {
 background: linear-gradient(135deg, #ffa600, #ffc31d) !important;
}

.call_button {
 border: none;
 background: none;
 color: #FFFFFF;
}

.card-body {
 padding-top: 100px;
}

.row.g-0 {
 display: flex;
 justify-content: center;
 align-items: center;
}

.licores, .comida {
 display: flex;
}



.call_link {
 color: #FFFFFF;
 text-decoration: none;
 display: flex;
 justify-content: end;
}


.col-flex {
 position: absolute;
 margin-top: 300px;
 display: flex;
 justify-content: center;
 gap: 40px;
}

@media (max-width:800px) {
 .col-flex {
margin-top: 200px;
 }
}

@media (max-width:500px) {
 .col-flex {
  margin-top: 155px;
 }
}

.col-flex button {
 border: 2px solid #ffa600;
 background: transparent;
 color: #ffa600;
 padding: 5px;
 width: 100px;
 border-radius: 22px;
 font-weight: bolder;
 transition: .4s ease-in-out;
}

.col-flex button:hover {
 background: #ffa600;
 color: #FFFFFF;
 transform: scale(1.1);
}

.col-flex button:active {
 background: #FFFFFF;
 color: #ffa600;
 transition: cubic-bezier(0.645, 0.045, 0.355, 1) ease;
}