@media screen and (min-width: 1600px) {
    .pl-40 {
        padding-left: 40rem !important;
    }

    .pr-40 {
        padding-right: 40rem !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .pl-40 {
        padding-left: 20rem !important;
    }

    .pr-40 {
        padding-right: 20rem !important;
    }
}

@media screen and (max-width: 1200px) {
    .pl-40 {
        padding-left: 2em !important;
    }

    .pr-40 {
        padding-right: 2em !important;
    }
}