contactCSS.css

.bodyOneContact{
  background-color: white;
  position: relative;
  height: auto;
  width: 100%;
  display: flex;
}
.mapouter{
  position:relative;
  width: 30%;
  height: 450px;
  padding: 2.5%;
}

.headerText{
  top: 50%;
  font-weight: bold;
}

.contactDetails{
  position: relative;
  height: auto;
  width: 30%;
  padding: 2.5%;
}
.contactDetails::before, .busHours::before{
  content: '';
  position: absolute;
  height: 5px;
  left: 0;
  right: 0;
  background: linear-gradient(45deg, rgb(60, 109, 162) 0%,rgb(60, 109, 162) 53.36%,rgb(96, 172, 254) 53.36%,rgb(96, 172, 254) 79.92%,rgb(180, 180, 180) 79.92%,rgb(180, 180, 180) 93.92%, rgb(209, 209, 209) 93.92%, rgb(209, 209, 209) 100%);
  margin: 0 5% 0 5%;
}

.contactDetails p{
  margin-block-start: 0.35em;
}
.contactDetails h3,.contactDetails p{
  margin-block-end: 0;  
}

.busHours{
  position: relative;
  height: auto;
  width: 30%;
  padding: 2.5%;
}
.busHours table{
  width: 90%;
  border-spacing: 0 1.8em;
  font-size: 1.1em;
}