.hero {
    background: linear-gradient(135deg, rgba(44, 62, 80, 0.9), rgba(52, 152, 219, 0.9)),
        url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201200%20600%22%3E%3Crect%20fill=%22%23f8f9fa%22%20width=%221200%22%20height=%22600%22/%3E%3Cpath%20fill=%22%23e9ecef%22%20d=%22M0,300%20Q300,200%20600,300%20T1200,300%20L1200,600%20L0,600%20Z%22/%3E%3C/svg%3E");
    background-size: cover;
    background-position: justify;
    color: white;
    padding: 71px 0 80px;
    text-align: center;
}

.hero p {
    margin: 0;
    font-size: 1rem;
    text-align: justify;
    margin-bottom: 15px;
}

h3 {
    text-align: justify;
}

.hero h1 {
    font-size: 3.2rem;
    margin-bottom: 2rem;
    font-weight: 700;
}