@charset "utf-8";
/* CSS Document */

 body {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #fff;
        }
        .header {
            width: 100%;
            padding: 50px;
            box-sizing: border-box;
            background-color: #007BFF;
            color: white;
            text-align: center;
			background-image:url("images/squadd-header.jpg");
        }
        .container {
            max-width: 1000px;
            width: 100%;
            margin: 20px;
        }
        .top {
            width: 100%;
            padding: 10px;
            box-sizing: border-box;
            text-align: center;
            margin-bottom: 10px;
        }
        .row {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 10px;
        }
        .column {
            flex: 1;
            min-width: 300px;
            padding: 10px;
            box-sizing: border-box;
            background-color: #fff;
            margin: 5px;
        }
		.image-container {
            width: 100%;
            height: 0;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            position: relative;
            overflow: hidden;
            /* background-color: #f0f0f0;  Optional: background color for empty space */
        }

        .image-container img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain; /* Ensures the entire image is visible within the container */
        }
		ul {
			margin: 0;
			padding: 0 0 0 20px ;	
			list-style-type: none;
		}
		li {
			padding: 0 0 10px 0px ;
		}
hr {
	width: 100%;
	border-top: 3px dashed #DCDCDC;
}
        @media (max-width: 800px) {
            .column {
                flex: 100%;
                min-width: 100%;
				align-content: center;
				text-align: center;
            }
        }