#synopsis .rwd_picture{
    display: block;
    max-width: 620px;
    margin-bottom: 2em;
}

.synopsis {
    margin: 3em auto 10em;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    max-width: 1020px;
}

.synopsis__title {
    grid-column: 1/7;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 1.5em;
    max-width: 575px;
}

.synopsis__text {
    grid-column: 1/7;
    grid-row-start: 2;
    max-width: 575px;
}

.synopsis__text p {
    font-size: 1.25rem;
    margin-bottom: 1.5em;
}

.synopsis__table {
    max-width: 347px;
    grid-column: 8/-1;
    grid-row: span 2;
}

.synopsis__table tr {
    width: 347px;
    display: flex;
    padding-bottom: 2em;
}

.synopsis__table tr:first-child {
    padding-bottom: 4em;
}

.synopsis__table th,
.synopsis__table td {
    flex: 1;
    text-align: left;
    font-weight: 400;
    font-size: 1.25rem;
}

@media screen and (max-width: 900px) {
    #synopsis .content__logo {
        max-width: 400px;
    }

    .synopsis {
        gap: 3em;
    }

    .synopsis__title,
    .synopsis__text,
    .synopsis__table {
        grid-column: 1/-1;
        max-width: 600px;
        display: flex;
    }

    .synopsis__title {
        font-size: 1.5rem;
        grid-row: 1;
    }

    .synopsis__table {
        grid-row: 2;
        justify-self: center;
        max-width: 285px;
    }

    .synopsis__text {
        grid-row: 3;
        flex-direction: column;
        text-align: justify;
    }
}

@media screen and (max-width: 480px) {
    #synopsis .content__logo {
        max-width: 280px;
    }

    .synopsis {
        gap: 2em;
    }

    .synopsis__title,
    .synopsis__text,
    .synopsis__table {
        grid-column: 1/-1;
        max-width: 280px;
        display: flex;
    }
    .synopsis__text {
        text-align: left;
    }
    .synopsis__table th {
        font-weight: 200;
    }
    .synopsis__table tr:first-child {
        padding-bottom: 2em;
        flex-direction: column;
    }
}