/* INTRO */
.intro {
    padding: 80px 0 60px;
    background-color: var(--color-gray-400);
}

.intro .subtitle {
    color: var(--color-primary);
}

.intro h2 {
    margin-bottom: 25px;
    font-size: 3rem;
}

.intro p {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .intro h2 {
        font-size: 3.813rem;
    }

    .intro-holder {
        display: grid;
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1025px) {
    .intro-holder {
        gap: 60px;
    }
}