#responsabilidade {
    display: flex;
    justify-content: center;
    position: relative;
}

#responsabilidade .borda {
    position: absolute;
    bottom: -20px;
    width: 100%;
    border-top: 20px solid transparent;
    border-right: 100vw solid #FAC832;
    border-bottom: 20px solid transparent;
}

#responsabilidade .container {
    display: flex;
    max-width: 1170px;
}

#responsabilidade .container .tecnico {
    width: 500px;
}

#responsabilidade .container .tecnico img {
    width: 100%;
    max-width: 356px;
    display: block;
}

#responsabilidade .container .descricao {
    width: 500px;
}

#responsabilidade .container .descricao h1 {
    font-size: 2.7rem;
}

#responsabilidade .container .descricao p {
    font-size: 1.2rem;
}

@media (max-width: 700px) {
    #responsabilidade .container {
        flex-direction: column-reverse;
        align-items: center;
        padding: 50px 20px;
    }

    #responsabilidade .container .descricao,
    #responsabilidade .container .tecnico {
        max-width: 330px;
    }

    #responsabilidade .container .descricao h1 {
        font-size: 2rem;
    }

    #responsabilidade .borda {
        bottom: 30px;
    }
}