body { font-family: Arial, sans-serif; margin: 0; background:#f6f6f6; }
.header { display:flex; justify-content:space-between; padding:15px; background:#fff; color:#000; }
.header a { color:#111; margin-left:15px; text-decoration:none; }

.hero { display:flex; gap:20px; padding:20px; background:#fff; }
.hero-main { flex:2; }
.hero-side { flex:1; }

.content { padding:20px; }
.club-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:15px; }

.club-card { background:#fff; padding:15px; border-radius:8px; }
.footer { text-align:center; padding:20px; background:#111; color:#fff; }
.logo img{width: 200px;}
.article-pic img{width: 100%;}
@media (max-width: 900px){
	.hero{
		display:flex;
		flex-direction:column;
		width: 90%;
	}
	.content{
		width: 90%;
	}
	.hero-main{
		width:90%;
	}
}