.briks{
  position: relative;
  background: url("../images/design/bricks-bg.webp") center/cover no-repeat;
  padding-top: 50px;
  padding-bottom: 40px;
}

.briks::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0, 0, 0, .73);
  mix-blend-mode: multiply; 
  pointer-events:none;
}

.briks > *{
  position: relative;
  z-index: 1;
}
#hero-title h1 {
  font-size: 5.5rem !important;
  text-align: center;
}
#hero-title p
{
  font-size: 25px !important;
    text-align: center;
}


.menu-item{
  padding: 12px 0;
  border-bottom: 1px solid rgba(0,0,0,.12);
}

.menu-item .item-header{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.menu-item .item-header h3{
  margin: 0;
  flex: 1 1 auto;
}

.menu-item .item-header .price{
  margin: 0;
  flex: 0 0 auto;
  white-space: nowrap;
  text-align: right;
}

.menu-item .desc{
  margin: 6px 0 0;
}
#footer .copyright-text {
  color: var(--color-1);
}
.navbar .navbar-brand img {
  max-width: 300px!important;
}
#footer .logo-bottom {    
    max-width: 300px!important;
}
#hero-title h1 {
  text-transform: uppercase;
}

@media (max-width:768px){
#hero-title h1 {
  font-size: 2.7rem !important;
  text-align: center;
}
#hero-title p {
    font-size: 20px !important;
}
.navbar .navbar-brand img {
    max-width: 200px !important;
}
#header .navbar-toggler svg, #header .navbar-toggler svg rect {   
    max-width: 70px;
}
}

.skip-link {
  position: absolute;
  top: -48px;
  left: 16px;
  z-index: 9999;
  padding: 10px 14px;
  background: #fff;
  color: #000;
  border: 2px solid #000;
  text-decoration: none;
}

.skip-link:focus,
.skip-link:focus-visible {
  top: 16px;
}
#reviews .review-stars {
  justify-content: center;
}