/* ===============================
   INTRO SECTION
================================ */

.intro-section {
    box-sizing: border-box;
    width: 100%;

    padding: 56px 24px 40px; /* ilk parametre: top */

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

.intro-section h1 {
    box-sizing: border-box;
    width: 100%;
    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}

.intro-section p {
    box-sizing: border-box;
    width: 100%;
    max-width: 650px;

    margin: 20px auto 0;

    text-align: center;
}


/* ===== MOBILE ===== */

@media (max-width: 768px) {
    .intro-section {
        padding: 36px 22px 28px;
    }

    .intro-section h1 {
        max-width: 340px;
    }

    .intro-section p {
        max-width: 320px;
        margin-top: 16px;
    }
}