body {
      font-family: Arial, sans-serif;
      background: #d6d6d6;
      margin: 0;
      padding: 0;
    }
    header {
      background: #fff;
      color: #A20229;
      padding: 1em 0;
      text-align: center;
      border-bottom: #ABB1B1 5px solid;
    }
    section {
      padding: 2em;
      max-width: 800px;
      margin: auto;
      background: #fff;
      text=align: left;
    }
    #logo {
	    background-image: url(../images/MTMiniBusHireSmallLogo.png);
	    height: 150px;
	    width: 250px;
	    margin: auto;
}
    h2, h3 {
      color: #A20229;
    }
    ul {
      list-style-type: square;
      padding-left: 1.5em;
    }
    footer {
      text-align: center;
      padding: 1em;
      background: #fff;
      color: #A20229;
      margin-top: 2em;
    }
   .gallery-wrapper {

        overflow: hidden;
 /* Hide overflow */

        background: #fff;

        padding: 20px 0;

    }


    .gallery-container {

        display: flex;

        width: max-content;
 /* Fit content width */

        animation: scroll-left 30s linear infinite;
 /* Animate scrolling */

    }


    .gallery-item {

        flex: 0 0 auto;

        margin: 0 10px;

        border-radius: 8px;

        overflow: hidden;

        box-shadow: 0 2px 8px rgba(0,0,0,0.2);

    }


    .gallery-item img {

        display: block;

        width: 400px;

        height: 300px;

        object-fit: cover;

    }


/* Keyframes for scrolling */
    
@keyframes scroll-left {

        0% {

            transform: translateX(0);

        }

        100% {

            transform: translateX(-50%);

        }

    }