body{height:100%;width:auto;padding:0;margin:0;
font-family: Helvetica, Arial, sans-serif;background-color: #f2f2f2;font-size:14px;color:#666;}

h1,h2,h3{font-family: "Ubuntu", sans-serif;line-height: 125%;}

h1{font-size:180%;}
h2{font-size:160%;}
p {
    margin: 0 0 15px 0;
	line-height: 1.7em;
}
a:link,a:visited{color:#7C1E21;text-decoration: none;}
a:hover{color:#000;}
.title a:link, .title a:hover {color:#7C1E21;text-decoration: none;font-weight: 400;
    font-size: 23px;}

ul.dots{line-height:1.7em;}

.logo{font-family: "Ubuntu", sans-serif;color:#fff;font-size:26px;line-height: 125%;padding-left:20px;padding-right:5%;}
.logo a{
	text-decoration: none;
	color: #FFFFFF;
}

.img100{margin:0 20px 20px;}
.container{ 
	width: 95%;
    margin-right: auto;
    margin-left: auto;}
.menu-container{display:flex;align-items: center;max-width: 1140px;
    margin: 0px auto;height:67px;}
.menu ul{font-family: "Ubuntu", sans-serif;list-style-type:none;justify-content: space-between;margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0px;}
.menu{min-width:320px;}

.menu ul li a:hover{background-color:#fff;color:#7C1E21;}

.header{
	height: 67px;
	background-image: -webkit-linear-gradient(270deg,rgba(144,64,66,1.00) 0%,rgba(117,31,34,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(144,64,66,1.00) 0%,rgba(117,31,34,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(144,64,66,1.00) 0%,rgba(117,31,34,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(144,64,66,1.00) 0%,rgba(117,31,34,1.00) 100%);
	background-repeat: no-repeat;
}
.body-content{
	max-width: 1140px;padding:20px;margin:10px auto; background-color: #fff;border-radius: 10px;border:1px solid #d7d7d7;
}
.footer{text-align: center;padding:10px;}
.ubuntu-regular {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ubuntu-bold {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* menu */

/* Default desktop styles (menu is visible, checkbox/label hidden) */
.hamburger-checkbox {
  display: none; /* Hide the actual checkbox */
}

.hamburger-icon {
  display: none; /* Hide the hamburger icon by default */
}

.menu-list {
  display: flex; /* Or whatever your desktop display is */
  list-style: none;
  margin: 0;
  padding: 0;
  /* Add any other desktop menu styles here */
}

/* Media Queries */

@media (min-width: 1025px) {
	.menu ul li{border-right:1px solid rgba(0,0,0,0.21);border-left:1px solid rgba(255,255,255,0.21)}
.menu ul li a{color:#fff;background-color:rgba(255,255,255,0.00);
    line-height: 45px;border-radius: 6px;padding:18px 17px; transition: color 0.2s;text-decoration: none;}
	
}


@media (max-width: 1024px) {
  .menu {
    position: relative; /* Needed for positioning the absolute dropdown */
  }

  /* Show the hamburger icon */
  .hamburger-icon {
    display: block; /* Make the hamburger icon visible */
    position: absolute;
    right: 15px; /* Adjust position as needed */
    top: 50%;
    transform: translateY(-50%);
    z-index: 101; /* Ensure icon is above other content */
    cursor: pointer;
    padding: 10px; /* Make it easier to tap */
  }

  /* Style the hamburger icon bars (white) */
  .hamburger-icon .bar {
    display: block;
    width: 25px;
    height: 3px;
    background-color: white; /* White color for the icon */
    margin: 5px 0;
    transition: all 0.3s ease-in-out;
  }

  /* Transform icon bars to 'X' when checkbox is checked */
  .hamburger-checkbox:checked + .hamburger-icon .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .hamburger-checkbox:checked + .hamburger-icon .bar:nth-child(2) {
    opacity: 0;
  }
  .hamburger-checkbox:checked + .hamburger-icon .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  /* Hide the menu list by default on mobile */
  .menu-list {
    display: none;
    flex-direction: column; /* Stack items vertically */
    width: 100%; /* Full width */
    position: absolute;
    top: 32px; /* Position below the header/icon */
    left: 0;
    background-color: #333; /* Example background for dropdown */
    z-index: 100; /* Ensure dropdown is above other content */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  }

  /* Show the menu list when the checkbox is checked */
  .hamburger-checkbox:checked ~ .menu-list {
    display: flex; /* Or block, to make it visible */
  }

  /* Adjust menu item styling for dropdown */
  .menu-list li {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Separator */
  }

  .menu-list li:last-child {
    border-bottom: none;
  }

  .menu-list a {
    color: white; /* Text color for dropdown items */
    text-decoration: none;
    display: block;
    padding: 10px;
  }

  .menu-list a:hover {
    background-color: #555;
  }
	
	.contact-table td{display:block;}
}

@media (max-width: 600px) {
	.hamburger-icon{top: 34px;}
	.menu-list {top:65px;}
	.logo{position: absolute;}
	.menu{position:inherit;min-width:100%;}
	.logo a {font-size:4vw;line-height:4vw;}
	.img100{width:100%;height:auto;margin: 0 0px 20px;}
	
}