* {
    box-sizing: border-box;
}

body {
    font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2em;
    margin: 0;
    padding: 0;
    background: #e9e1cc; 
}

header {
     background: linear-gradient(to right, #373E02, #859604 50%, #485319);
    color: white;
    text-align: center;
    padding: 1em 0;
}
.responsive {
  max-width: 100%;
  height: auto;
}


.container {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    
    margin: 0 auto; /* Center the container */
}

.column {
    padding: 10px;
}

.column-1 {
    flex: 1; /* 2 parts */
}

.column-2 {
    flex: 3; /* 1 part */
}

.column-3 {
    flex: 1; /* 3 parts */
}

.card {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    
}
.welcome {
  font-size: 1.2em;
}
 .slideshow-container {
            position: relative;
            height: 300px; /* Set the height of the slideshow */
            overflow: hidden;
        }

        .slideshow {
            position: absolute;
            width: 100%;
            animation: scroll 90s linear infinite; /* Adjust duration for speed */
        }

        .slideshow a {
            display: block;
            height: 300px; /* Match the height of the container */
            text-align: center;
        }

        .slideshow img {
            width: 100%;
            height: auto;
        }

        @keyframes scroll {
            0% { transform: translateY(0); }
            100% { transform: translateY(-100%); }
        }

        .slideshow-container:hover .slideshow {
            animation-play-state: paused; /* Pause on hover */
        }
footer {
    background-color:#343B01;
    color: white;
    text-align: center;
    padding: 1em 0;
    position: relative;
    bottom: 0;
    width: 100%;
}

/* Media Queries */
@media (max-width: 768px) {
    .column {
        flex: 100%; /* Stack columns on small screens */
    }
}