@media only screen and (min-width: 600px) {
    /* For tablets: */
    #brandbook{
        padding-right: 5%;
        padding-left: 5%;
    }
}


@media only screen and (min-width: 768px) {
    /* For desktop: */
    #brandbook{
        padding-right: 5%;
        padding-left: 22%;
    }

}