body{
font-family: Helvetica, sans-serif;
font-weight: 400;
font-size: 1.25rem;
line-height: 1.6;
}

body,
h1,
h2,
h3,
p {
    margin: 0;
    padding: 0;
}
img{
    max-width: 100%;
    display: block;
}
main {
max-inline-size: 90rem;
margin-inline: auto;
padding-inline: .5rem;
}
.cards {
    display: grid;
    grid-auto-rows: 1fr;
    gap: 1rem;
    clear: both;
    margin-top: 1rem;
}
.cards a:hover {
    opacity: 0.5;
}
.tickets{
    display: grid;
    gap: 1rem;
}
.cards img:hover {
    transition: transform 0.3s ease;
    transform: translateX(10px) scale(1.05);
}
.blue_gray {
    display: grid;
    background-color: rgb(232,233,237);
    color: rgb(7,42,70);
}
.blue_lightgray {
    display: grid;
    background-color: rgb(244,245,247);
    color: rgb(7,42,70);
}
.blue_gold {
    display: grid;
    background-color: rgb(5,44,73);
    color: rgb(242,255,255);

}
.blue_gray img, .blue_gold img, .blue_lightgray img {
    width: 240px;
    height: auto;
}

.intro {
    display: grid;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-block: 1rem;
}
.intro h1 {
    font-size: 2.3rem;
}
.intro p{
    margin-block: 1rem;
}
.sponsorships{
    width: 300px;
}
.benefit{
    padding-inline: 1rem;
}
@media (min-width: 60rem) {
    .blue_gray,.blue_lightgray,.blue_gold {
	grid-template-columns: 300px 1fr;
	align-items: center;
    }
    .benefit {
	text-align: center;
    }
    .benefit p:not(:last-child):after{
    content: '';
    display: block;
    width: 10%;
    margin: 0 auto;
    padding: .2rem;
    border-bottom: thin solid #bbb;
    }
    .cards {
    grid-template-columns: 1fr 1fr;
    }
    .intro{
	grid-template-columns: 1fr 310px;
    }
}
footer{
    background-color: #10182f;
    width: 100%;
    margin-top: .7rem;
}

.footer-row{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 60px;
    gap: 4rem;
    flex-wrap: wrap;
}
p.footer-links {
    color:#bfbfbf;
    padding: 1.5rem 0 0 0;
    text-align: center;
}

p.footer-links a{
    color:#0ff;
}

.footer-row .footer-col h4{
    color: #fff;
    font-size: 1.2rem;
    
}

.footer-row .footer-col p{
    color: #bfbfbf;
    font-size: 1.2rem;
    
}