html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
  /* This will allow the content area to expand and push the footer down */
}

footer {
  background-color: #333;
  color: #fff;
  text-align: center;
}

@media (max-width: 575.98px) { 
}

@media (min-width: 576px) and (max-width: 767.98px) { 
}

@media (min-width: 768px) and (max-width: 991.98px) { 
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}


.image-fluid{width: 100%;}
.panel-body{padding: 12px 0px 0px 0;}
.font_2{font-size: 24px;}
.offer_content{padding:15px 0;}
.offer_icon{width:30px;}
.padding_left_15{padding-left: 15px;}
.padding_top_15{padding-top: 15px;}
.table_top td{vertical-align: top;padding-top:25px;}
.two_col{width:80%}
.two_col img{width:60%}

.cocktail_section{display: flex;align-items: center; justify-content: center;margin-bottom: 15px;}
.cocktail_img{width:18%;}
.cocktail_img img{width: 100%;}
.cocktail_content{width:82%;padding: 15px;}

.dining_section{display: flex; align-items: center; justify-content: center;margin-top: 15px;}
.dining_left{width:50%;display: flex;align-items: center; justify-content: center;}
.dining_logo{width:65%;}
.dining_qr{width:35%;}
.dining_qr img{width:80%;display: block; margin: auto;}
.dining_content{width:50%;padding: 15px;}
.d_container {
  position: relative;
  margin-bottom: 15px;
}

.d_center {
  position: absolute;
  top: 43%;
  width: 100%;
  text-align: center;
}

.d_container img { 
  width: 100%;
  height: auto;
  /* opacity: 0.3; */
}
.d_container a{color:white;font-size: 26px;font-weight: 600;}
.d_container a:hover img { opacity: 0.8; }
.cocktail_content h3{margin-top: 0;}
.info_accord .panel-heading a{line-height: 50px!important;}
.info_accord .two_col{width:75%}
/**/
@media (max-width: 991.98px) { 
  .two_col{width:100%}
  .two_col img{width:100%}
  .dining_section{display: inline;}

  .dining_left{width:100%}
  .dining_logo{width:50%;}
  .dining_qr{width:50%;padding:20px;}
  .dining_content{padding-top: 0;width:100%;display: block;}
  .cocktail_section{display: block;}
  .cocktail_img{width:100%;}
  .cocktail_content{width:100%;}
  .info_accord .two_col{width:100%}
}

@media (max-width: 767.98px) { 
  .footer-copyright{padding:15px;}
  .container-full{padding:15px 0;}
  .footer-menu{padding:12px 0;text-align: center;}
}

