.briefing {
    display: flex;
    align-items: center;
    justify-content: center;

    max-width: 1920px;
    padding: 100px 250px;
    margin: 0 auto;

    background-color: var(--blue);
    border-top: 2px solid var(--black);
    border-bottom: 2px solid var(--black);
}

.briefing p {
    color: var(--white);
    text-align: center;
    font-size: 22px;

    width: 80%
}

@media only screen and (max-width: 1700px) {
    .briefing {
        padding: 100px;
    }
}


@media only screen and (max-width: 1050px) {
    .briefing {
        padding: 100px 100px;
    }
}

@media only screen and (max-width: 768px) {
    .briefing {
        padding: 100px 30px;
    }
}