.info { padding-bottom: 60px; }

.info ul { list-style: none; margin: 30px 0; padding: 0; }

.info li { display: flex; }

.info svg { height: 20px; width: 20px; margin-right: 10px; flex-shrink: 0; }

.info code { display: block; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: .9em; margin-top: 5px; }

.info .next-step { background: rgba(255, 255, 255, 0.2); border-radius: 4px; line-height: 1.5; margin: 0 0 20px; padding: 10px 15px; }

.info .next-step strong { display: block; text-transform: uppercase; font-size: 90%; }

.info .next-step svg { display: none; }

.waves { color: #3a3a52; position: absolute; bottom: -5px; left: 0; right: 0; width: 100% }

main h2 { align-items: center; display: flex; font-size: 18px; font-weight: 600; margin: 0; }

main h2 span { display: inline-flex; }

main h2 svg { height: 28px; width: 28px; margin-right: 10px; }

main article section + section { margin-top: 45px; }

main article section li + li { margin-top: 15px; }

header .wrapper, header .waves, .sf-toolbar { z-index: 10; }

.logo h1 { font-size: 48px; }

.logo h1 small { font-size: 24px; }

.info ul { margin: 45px 0; padding-left: 15px; }

.info svg { height: 28px; width: 28px; margin-right: 13px; position: relative; top: -2px; }

.info code { margin-top: 10px; }

.info .next-step svg { display: inline-flex; margin: 0 10px; top: 0; }

main article { display: flex; justify-content: space-between; padding-top: 45px; }

main article section + section { margin-top: 0; }

main h2 { font-size: 21px; }

main article section li + li { margin-top: 20px; }

}

@media (min-width: 1280px) {

body { font-size: 20px; }

.logo svg { height: 96px; width: 96px; margin-right: 45px; }

.logo h1 { font-size: 64px; }

.logo h1 small { font-size: 36px; }

.info ul { margin: 60px 0; padding-left: 30px; }

.info svg { height: 32px; width: 32px; margin-right: 15px; position: relative; top: -4px; }

main article { padding-top: 60px; }

main h2 { align-items: flex-start; flex-direction: column; font-size: 24px; }

main article section ul { padding-left: 20px; }

main article section li + li { margin-top: 25px; }

}