body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
body{font-family:Arial,'Helvetica Neue',sans-serif;font-size:12pt;line-height:1.6em;color:#d7d7d7;background-color:#252525}
main{display:grid;gap:var(--grid-gap);padding:0 var(--grid-side);margin-bottom:1em;max-width:1300px}
#about p{margin-bottom:1em}
#about a{color:#0ff}
h1{font-size:14px;font-weight:400;text-transform:uppercase;color:#fe5f55;margin:0 0 20pt 0;margin:0;padding:0;grid-column-start:1;grid-column-end:-1;border-bottom:solid 1px #2f2f2f}
.card{background-color:rgba(0 0 0/.2);padding:20px var(--grid-side);border-radius:30px}
.card.first{grid-column-start:1}
.card h2{font-size:25px;font-weight:lighter;color:#fe5f55;margin-bottom:1em}
.card p{margin-bottom:1.5em}
.text{grid-column-start:1;grid-column-end:-2}
.text p{margin-bottom:1.5em}
footer{text-align:left;margin-bottom:1em}
footer p{font-size:10pt;text-align:left;color:#858585;line-height:1.4em;margin:0;padding:0}
@media (max-width:450px){
body{--grid-side:16px;--grid-gap:8px}
main{grid-template-columns:auto}
#slogan{font-size:24pt;font-weight:700;line-height:85%;color:#fe5f55;margin:10pt 0 10pt 0;grid-column:1/span 1}
#about{margin:0 0 10pt 0;grid-column:1/span 1}
#about p{font-size:13pt;font-family:Georgia,'Times New Roman',Times,serif;font-weight:400;font-style:italic;line-height:1.25em}
.card h2{font-size:18px}
footer{padding:0 calc(var(--grid-side) * 2)}
}
@media (min-width:450px){
body{--grid-side:32px;--grid-gap:16px}
main{grid-template-columns:auto auto auto}
#slogan{font-size:50pt;font-weight:700;line-height:85%;color:#fe5f55;margin:10pt 0 20pt 0;grid-column:1/span 2}
#about{font-size:16pt;font-weight:400;font-family:Georgia,'Times New Roman',Times,serif;font-style:italic;line-height:1.1em;margin:0 0 10pt 0;grid-column:1/span 2}
footer{padding:0 calc(var(--grid-side) * 2)}
}