.container-xxl   { max-width: 1320px; }
.container-fluid { max-width: 1320px; } /* for older BS versions */

.xmas-media-content-block {
   display: flex;
   flex-direction: column;
   gap: 20px;
   align-items: center; /* center items when stacked */
   text-align: center; /* center text when stacked */
}

.xmas-content { text-align: center; }

/* Media naturally sizes to image width */
.xmas-media img {
   height: auto;
   max-width: 100%; /* prevents overflow on mobile */
   display: block;
}

/* Desktop layout: side-by-side */
@media (min-width: 768px) {
   .xmas-media-content-block {
      flex-direction: row;
      align-items: center;
      text-align: left; /* override mobile centre */
      gap: 40px;
   }

   .xmas-media { 
      flex: 0 0 auto; /* do NOT stretch – stay image width */
   }

   .xmas-content {
      flex: 1; /* content expands to fill remaining space */
      text-align: left;
   }
}



.list-lined { 

  padding-left: 0;
  list-style: none;
  display: inline-block;
	
}
    
.list-lined li { list-style: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #faead2; }  
.list-lined li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }


.hour-table { 
	width: 100%;
  margin-bottom: 1rem;
	caption-side: bottom;
  border-collapse: collapse;	
}

.hour-table > tbody {
  vertical-align: inherit;
	}


.hour-table tbody, .hour-table td, .hour-table tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
.hour-table td { padding: .5rem .5rem; text-align: left;  }
.hour-table td.bg { background-color: #eaeaec;  }

/* DEV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.browserwidth { 

  display:inline-block;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  
  position: fixed;
  z-index: 9999;
  left:3px;
  top:3px;
  
  background: gray; 

  
}

@media (min-width: 576px)  { .browserwidth {  background: yellow; } }
@media (min-width: 768px)  { .browserwidth {  background: orange; } }
@media (min-width: 992px)  { .browserwidth {  background: red; } }
@media (min-width: 1200px) { .browserwidth {  background: purple; } }
@media (min-width: 1400px) { .browserwidth {  background: green; } }