/* Mobile */
@media screen and (max-width: 428px) {
    .legal{
        max-width: 768px;
        margin: 0 auto;
        flex-direction: column;
        padding: 0 20px;
    }
    h3{
        color:#FFD100;
        font: bold 18px/18px 'Montserrat', sans-serif;
        margin: 0;
    }
    h3 + p{
        color:#FFF;
        font: normal 16px/22px 'Montserrat', sans-serif;
        margin: 20px 0 40px 0;
    }
    .company{
        border-top: 1px solid #878787;
        padding-top: 40px;
        max-width: 768px;
        margin: 20px auto;
    }
    .company p{
        color: #878787;
        text-align: center;
        font: normal 16px/20px 'Montserrat', sans-serif;
    }
}
/* Tablet */
@media screen and (min-width: 429px) and (max-width: 1024px){
    .legal{
        max-width: 768px;
        margin: 0 auto;
        flex-direction: column;
        padding: 0 20px;
    }
    h3{
        color:#FFD100;
        font: bold 20px/20px 'Montserrat', sans-serif;
        margin: 0;
    }
    h3 + p{
        color:#FFF;
        font: normal 18px/22px 'Montserrat', sans-serif;
        margin: 20px 0 40px 0;
    }
    .company{
        border-top: 1px solid #878787;
        padding-top: 40px;
        max-width: 768px;
        margin: 20px auto;
    }
    .company p{
        color: #878787;
        text-align: center;
        font: normal 16px/20px 'Montserrat', sans-serif;
    }
}
/* Desktop */
@media screen and (min-width: 1025px){
    .legal{
        max-width: 1200px;
        margin: 0 auto;
        flex-direction: column;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    h3{
        color:#FFD100;
        font: bold 20px/20px 'Montserrat', sans-serif;
        margin: 0;
    }
    h3 + p{
        color:#FFF;
        font: normal 18px/22px 'Montserrat', sans-serif;
        margin: 20px 0 40px 0;
    }
    .company{
        border-top: 1px solid #878787;
        padding-top: 40px;
        max-width: 1200px;
        margin: 20px auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .company p{
        color: #878787;
        text-align: center;
        font: normal 16px/20px 'Montserrat', sans-serif;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .company{
        padding: 40px 20px 0 20px;
    }
    .legal{
        padding: 0 20px;
    }
}