.hero {
    background-image: url('../images/main-slide.webp');
}


.hero-box header h3 {
    color: var(--another-yellow2);
    font-size: 2rem;
    margin-bottom: 20px;
}

.hero-box p {
    color: var(--light-grey);
    line-height: 1.6;
    margin-bottom: 20px;
}

.wpis p {
    color: var(--light-grey);
    line-height: 1.6;
    margin-bottom: 20px;
}

.wpis p a {
    color: var(--another-yellow2);
}


@media (max-width: 768px) {
    .hero-box header h3 {
        font-size: 1.5rem;
    }

    .wpis p {
        font-size: 1.2rem;
    }
}