#big-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap-big-logo);
    margin: var(--margin-big-logo);

    img {
        margin: auto;
    }

    hgroup {
        flex: 1;

        h1 {
            font-size: 4rem;
            font-variant: small-caps;
            color: var(--color-big-logo-title);
            text-shadow: var(--shadow-big-logo-title);
            white-space: nowrap;
        }

        p {
            font-style: italic;
            font-size: 1.5rem;
            color: var(--color-big-logo-description);
        }
    }
}

@media (max-width: 460px) {
    #big-logo hgroup {
        h1 {
            font-size: 2.5rem;
        }

        p {
            font-size: 1.25rem;
        }
    }
}

@media (max-width: 768px) {
    #big-logo hgroup {
        h1 {
            text-align: center;
        }

        p {
            text-align: center;
        }
    }
}