@import url('landingpage.css');

.breakfast-extras { align-items: start; background: var(--color-accent); color: var(--color-white); display: grid; grid-template-columns: .75fr 1fr; gap: 40px; padding: clamp(36px, 6vw, 70px) clamp(24px, 8vw, 120px); }
.breakfast-extras h2 { color: var(--color-white); margin-top: 7px; }
.breakfast-extras .breakfast-kicker { color: var(--color-breakfast-highlight); }
.breakfast-extras ul { list-style: none; margin: 0; }
.breakfast-extras li { border-bottom: 1px solid rgba(255,255,255,.35); display: flex; font-size: 19px; gap: 20px; justify-content: space-between; padding: 10px 0; }
.breakfast-extras li:last-child { border-bottom: none; }
.breakfast-extras li span { max-width: 75%; }
.breakfast-extras li strong { white-space: nowrap; }
.breakfast-footnote { grid-column: 2; text-align: right; }
.breakfast-extras { grid-template-columns: .75fr 1fr; }
@media screen and (max-width: 760px) {
	.breakfast-extras { gap: 5px; grid-template-columns: 1fr; }
	.breakfast-footnote { grid-column: auto; text-align: left; }
}