.hero {
    max-width: 768px;
    text-align: center;
    margin: 0 auto;
}

.hero img {
    width: 720px;
    height: 360px;
    object-fit: cover;
    border-radius: 2rem;
}

.hero h3 {
    font-size: 1.12rem;
    font-weight: 500;
    margin-bottom: 0;
}

.hero h1 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: 0.8rem;
}

.hero p {
    max-width: 50%;
    margin: 0 auto 2rem auto;
    color: grey;
    font-size: 1.12rem;
}

.about {
    max-width: 768px;
    text-align: center;
    margin: 0 auto;
    margin-top: 8rem;
}

.about h2 {
    font-size: 2rem;
}

.about img {
    width: 380px;
}