body {
/*    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    height: 100vh;
*/
	box-sizing: border-box;
}

.page  {
	width: 960px;
	margin: 0 auto;
	box-sizing: border-box;
}

.column {
  float: left;
  padding: 0px 0px 5px 0px;
}

.left, .right {
    /* flex: 1; /* Allows these columns to take up equal remaining space */
	width: 15%;
    background-color: #ffffff; /* Light gray background for visibility */
}

.middle {
    width: 70%; /* Fixed width for the center column */
    background-color: #ffffff; /* White background */
}

/* Optional: Styling for content inside each column 
.left-column,
.center-column,
.right-column {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    padding: 10px;
}
*/

.trafficlight
{
width:49px;
height:81px;
padding: 0px 10px 0px 50px;
}

.row:after 
{
	content: "";
	display: table;
	clear: both;
}

.navbar {
  width: 100%;
  background-color: #0071BC;
  overflow: auto;
}

.navbar a {
  float: left;
  padding: 5px;
  color: white;
  text-decoration: none;
  font-size: 15px;
        padding-right: 20px;
        padding-left: 20px;
  font-family: 	Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif
}

.navbar a:hover {
  text-decoration: underline;
}

.footer_left {
	width: 30%;
	background-color: white;
	text-align: left;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif
 	}

.footer_middle {
	width: 40%;
	background-color: white;
	text-align: center;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif
    }

.footer_right {
	width: 30%;
	background-color: white;
	text-align: right;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif
    }

.left_content_50_percent {
	width: 50%;
	background-color: white;
	text-align: center;
	font-size: 18px;
	box-sizing: border-box;
	padding: 0px 30px 0px 30px;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif
}

.right_content_50_percent {
	width: 50%;
	background-color: white;
	text-align: center;
	box-sizing: border-box;
	font-size: 18px;
}

.left_content_70_percent {
	width: 70%;
	text-align: left;
	font-size: 18px;
	
	padding: 0px 30px 0px 125px;
	box-sizing: border-box;
	float: left;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif
}

.right_content_30_percent {
	width: 30%;

	text-align: center;
	float: left;
	box-sizing: border-box;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif
}

.single_column {
	width: 100%;
	text-align: left;
	padding: 0px 30px 0px 125px;
	float: left;
	box-sizing: border-box;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif
	}

.services-text {
	font-size: 14px;
	line-height: 17px;
	font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
}

.image_column_30_percent {
	width: 30%;
	padding: 20px 20px 20px 20px;
	text-align: center;
	float: left;
	box-sizing: border-box;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
}

.image_column_5_percent {
	width: 5%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
}
.gridlist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .35rem 1.5rem;
  list-style: none;      /* works when applied to the UL/OL itself */
  padding-left: 0;
  margin: .5rem 0 0;
}

.gridlist li { break-inside: avoid; margin: 0; }
@media (max-width: 640px) { .gridlist { grid-template-columns: 1fr; } }
@media (min-width: 1200px) { .gridlist { grid-template-columns: repeat(3, 1fr); } }

.acc {
	border:1px solid #e5e7eb; 
	border-radius:12px; 
	padding:.5rem 1rem; 
	margin-bottom:.75rem;
}