.wrapper-tiny { background-color: #fff; border-radius: 32px; margin: 44px auto; width: 600px; padding: 44px; &.transparent { margin: 0px auto; padding: 0px; background-color: transparent; } } .wrapper-small { background-color: #fff; border-radius: 32px; margin: 44px auto; width: 800px; padding: 44px; &.transparent { margin: 0px auto; padding: 0px; background-color: transparent; } } .wrapper-normal { background-color: #fff; border-radius: 32px; margin: 44px auto; width: 1000px; padding: 44px; &.transparent { margin: 0px auto; padding: 0px; background-color: transparent; } } .wrapper-large { background-color: #fff; border-radius: 32px; margin: 44px auto; max-width: 1920px; min-width: 1000px; padding: 44px; width: fit-content; &.transparent { padding: 0px; margin: 0px auto; background-color: transparent; } } @media only screen and (max-width: 1800px) { .wrapper-normal { margin: 0px 0px 0px auto; padding: 20px; &.transparent { margin: 0px 0px 0px auto; padding: 40px; } } .wrapper-large { margin: 44px 0px 0px auto; padding: 44px; &.transparent { margin: 0px 0px 0px auto; padding: 40px; } } } @media only screen and (max-width: 1390px) { .wrapper-normal { margin: 0px auto; padding: 20px; &.transparent { margin: 0px auto; padding: 40px; } } .wrapper-large { margin: 44px 0px 0px auto; padding: 44px; &.transparent { margin: 0px 0px 0px auto; padding: 40px; } } } .section-actions { text-align: center; padding: 32px 0; } .header-normal { text-align: center; } .header-small { text-align: left; font-size: 26px; }