/* Адаптивность для мелких лаптопов */
@media (max-width: 1280px) {
    body {
        font-size: 18px; 
    }


    h1 {
        font-size: 4.5rem; 
    }

    .logo {
        width: 10rem; 
        left: 1rem;
    }
}

/* Адаптивность для планшетов */
@media (max-width: 1024px) {
    body {
        font-size: 17px; 
    }

    .about-section p {
        font-size: 1.4rem; 
        padding: 30px; 
    }

    h1 {
        font-size: 4rem; 
    }

    .logo {
        width: 13rem; 
    }
}


@media (max-width: 768px) {
    body {
        font-size: 16px; 
    }

    .cd-headline {
        font-size: 2.5rem; /* Уменьшаем размер шрифта */
        margin-top: 10rem; /* Поднимаем заголовок */
        gap: 0.5rem; /* Уменьшаем расстояние между элементами */
    }

    .about-section p {
        font-size: 1.3rem; 
        padding: 20px; 
    }

    h1 {
        font-size: 3.5rem; 
    }

    .logo {
        left: 2rem; 
        width: 10rem; 
    }
}


/* Адаптивность для экранов 320px */
@media (max-width: 320px) {
    body {
        font-size: 14px; 
    }

    .cd-headline {
        font-size: 1.2rem; /* Ещё меньше для узких экранов */
        margin-top: 8rem; /* Чуть выше */
        gap: 0.3rem; /* Минимальный зазор */
    }


    .about-section p {
        font-size: 1.2rem; 
        padding: 15px; 
    }

    h1 {
        font-size: 1.5rem; 
    }

    .logo {
        left: 2rem; 
        width: 7rem;
        top: 1rem;
        
    }
}