@use "../theme/breakpoints" as *;

#know-more {
    h2 {
        margin-top: 4rem;
    }

    .promoter-description {
        white-space: pre-wrap;
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }

    .coordinates {
        border: 1px solid white;
        padding: 1.5rem;
        border-radius: 1rem;
        display: inline-block;
        margin-bottom: 2rem;
        background-color: rgba(0, 0, 0, 0.2);

        h3 {
            margin-top: 0;
        }
    }

    .documents {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        grid-gap: 1rem;
        justify-content: center;

        .document {
            .btn {
                font-size: 1rem;
            }
        }
    }

    @media (max-width: $breakpoints-md) {
        h1, h2 {
            text-align: center;
        }
    }
}