*
{
    margin:0;
    font-family:Arial;
}
body{
    background:#f5f5f5;
}
.menu .venue
{
	text-decoration:underline;
	text-underline-offset:.5vw;
	text-decoration-thickness:.1vw;
}
.hero{
    text-align:center;
    padding:60px 20px;
    background:#003366;
    color:white;
}
.hero h1{
    font-size:42px;
    padding-top:130px;
}
.hero p{
    font-size:18px;
}
.section{
    padding:60px 8%;
}
.section h2{
    text-align:center;
    margin-bottom:35px;
    color:#003366;
    font-size:32px;
}
.card-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
    margin-bottom:-70px;
}
.card{
    background:white;
    padding:25px;
    border-radius:10px;
    box-shadow:0 3px 10px rgba(0,0,0,0.1);
    transition:0.3s;
}
.card h3{
    margin-bottom:15px;
    color:#0056b3;
}
.card p{
    line-height:1.6;
}
.map-section{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:25px;
    margin-bottom:-60px;
}
.local-card
{
	margin-bottom:40px;
}
.card a{
    text-decoration:none;
    background:#0055aa;
    color:white;
    padding:10px 20px;
    border-radius:5px;
    display:flex;
    max-width:80px;
    margin:0 auto;
    margin-top:20px;
}
.card a:hover{
    background:#003366;
}
.soon
{
	min-width:100px;
}
.map-box,
.address-box{
    background:white;
    padding:20px;
    border-radius:10px;
    box-shadow:0 3px 10px rgba(0,0,0,0.1);
}
.address-box h3{
    margin-bottom:15px;
    color:#0056b3;
}
.address-box p{
	font-size:20px;
}
.footer-box-link h3
{
	margin-left:2vw;
}
@media screen and (max-width:767px)
{
	.map-section{
    		grid-template-columns:1fr;
    	}
}
}