body {
            font-family: sans-serif;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .container {
            display: flex;
            flex-direction: column; /* Stacks columns vertically on mobile by default */
            padding: 0px;
			
			
        }

		.top {
            flex: 1; /* Allows columns to take equal space when in row layout */
            
            border: 1px solid #ccc;
            padding: 0px;
            margin-bottom: 10px; /* Space between columns when stacked */
        }
		
        .column {
            flex: 1; /* Allows columns to take equal space when in row layout */
            background-color: #f0f0f0;
            border: 1px solid #ccc;
            padding: 0px;
            margin-bottom: 10px; /* Space between columns when stacked */
        }

        /* Media query for larger screens (e.g., tablets and desktops) */
 @media (min-width: 768px) {
            .container {
                flex-direction: row; /* Arranges columns horizontally */
                justify-content: space-between; /* Distributes space between columns */
            }

            .column {
                margin-right: 10px; /* Space between columns when side-by-side */
                margin-bottom: 0; /* Remove bottom margin when side-by-side */
            }

            .column:last-child {
                margin-right: 0; /* No right margin for the last column */
            }
			#menu {
            display: none;
            }
			li {
				float: left;
			}
			#nav-content {
			float: right;	
			}	
			
			#navigation-menu {
				float: right;
				list-style-type: none;
				margin: 0;
				padding: 0;
				background-color: #4a2500;
			}

#navigation-menu::after {
  content: "";
  display: block;
  clear: both;
}

#navigation-menu li {
  float: left;
}

#services-content li {
  float: none;
}

#navigation-menu li a {
  display: block;
  color: white;

  padding: 10px 16px;
  text-decoration: none;
}

#navigation-menu li a:hover {

  border-bottom: 3px solid #f8bb19;
}

#services {
  position: relative;
}

#services-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  min-width: 200px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #4a2500;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

#services:hover #services-content {
  display: block;
}

}

@media (max-width: 767px) {
	 
header {
    position: fixed;
    top: 0;
    width: 30px;
    z-index: 15
	
}

header #menu {
    display: block;
    height: 58px;
    padding: 0 1em;
}

header #menu a {
    position: relative;
    z-index: 3;
}

header #nav-content .nav-background {
    background: rgba(51, 51, 51, 0.9);
    height: 100%;
    left: -250px;
    position: fixed;
    top: 0;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    transform: translateX(-110%);
    width: 250px;
}

header.open #nav-content .nav-background {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

#curtain {
    background-color: #fff;
    height: 1px;
    position: fixed;
    top: 0;
    width: 1px;
    z-index: -1
}

#curtain.menu-opened {
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
    z-index: 1
}
   
   
   /* Optional: Style the hamburger icon itself */
.hamburger-icon {
    display: block; /* Show only on mobile/small screens */
    cursor: pointer;
    width: 20px;
	height: 26px;
	color: #ffffff;
    background-color: rgba(51, 51, 51, 1);
    padding: 10px;
    margin-top: 5px;
    border-radius: 5px;
	font-weight: bold;
	font-size: 22px;
}
.menu-links a {
	color: white;     
	text-decoration: none;
    }
.home a {
	color: white;     
	text-decoration: none;
    }	
ul {
  list-style-type: none;
}

ul.menu-links li {
  border-bottom: 1px solid #f8bb19; 
  padding: 10px 0px;
}
 }

.card-header {
    border-bottom: 3px solid #f8bb19;
    padding: 5px 5px 5px 15px;
	color: #ffffff;
	background-color: rgba(74, 37, 0, 1);
}
.card-body {
    padding: 0px;
	background-color: white;
}
.footer_links a {
	color: white;     
	text-decoration: none;
    }	
#ContactDetails 
{
width: 100%;
table-layout: auto;
border-collapse:collapse;
border: 1px solid grey;
}

#ContactDetails td, #ContactDetails th 
{
border:1px solid grey;
padding:3px 7px 2px 7px;
font: 14px Arial narrow;
}

#ContactDetails th 
{
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:rgba(74, 37, 0, 1);
color:#ffffff;
}

table.center {
    margin-left:auto; 
    margin-right:auto;
  }

#ContactDetails tr:nth-child(odd)    { background-color:#FDE9B3; }
#ContactDetails tr:nth-child(even)    { background-color:#fff; }