.blockquote {
}

.blockquote__inner {
    position: relative;
    max-width: 1560px;
    margin: 0 auto;
}

.blockquote__content {
    margin: 0 auto;
    text-align: center;
    color: #242424;
}

.blockquote__title {
    margin: 0 0 20px;
}

.blockquote__description {
    display: flex;
    gap: 20px;
    margin: 0;
}

.blockquote__description p {
    margin: 0;
    display: inline;
}

.blockquote__quote {
    font-family: 'Podkova', serif;
    font-weight: 800;
    font-size: 194px;
    line-height: 1px;
    color: #166592;
    user-select: none;
}

.blockquote__quote--open {
    transform: translateY(0.3em);
    align-self: flex-start;
}

.blockquote__quote--close {
    align-self: flex-end;
}

/* Tablet */
@media (max-width: 1280px) {
    .blockquote__quote {
        font-size: 100px;
    }

    .blockquote__quote--open {
        transform: translateY(20%);
    }
}

/* Mobile */
@media (max-width: 768px) {

    .blockquote__quote {
        font-size: 68px;
    }

    .blockquote__quote--open {
        transform: translateY(10%);
    }
}