.logo {
    color: #fff;
    text-decoration: none;
}

section,
.about,
.hero {
    padding: 200px 0 0;
}

#compliance {
    padding: 200px 0 100px;
}

section p {
    max-width: 100% !important;
}

.hero p {
    max-width: 860px !important;
}

.hero img {
    width: 200px;
}

@media (max-width:900px) {
    section,
    .about,
    .hero {
        padding: 60px 0;
    }

    .hero img {
        width: 50% !important;
    }

    #use ul {
        gap: 0;
    }

    #compliance {
        padding: 60px 0;
    }
}