.basic-background {
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-color: var(--backgroundcolor);
  padding: var(--paddingmobile);
  text-align: var(--alignment); }
  @media (min-width: 768px) {
    .basic-background {
      padding: var(--paddingdesktop); } }

.page-designer-reference .row.layout-background {
  -ms-flex-pack: var(--alignment);
      justify-content: var(--alignment);
  padding: var(--paddingmobile); }
  @media (min-width: 768px) {
    .page-designer-reference .row.layout-background {
      padding: var(--paddingdesktop); } }
  .page-designer-reference .row.layout-background .custom-column {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .page-designer-reference .row.layout-background .custom-column:nth-child(1) {
    -ms-flex: 0 0 var(--col1-width-m);
        flex: 0 0 var(--col1-width-m); }
    @media (min-width: 768px) {
      .page-designer-reference .row.layout-background .custom-column:nth-child(1) {
        -ms-flex: 0 0 var(--col1-width-d);
            flex: 0 0 var(--col1-width-d); } }
  .page-designer-reference .row.layout-background .custom-column:nth-child(2) {
    -ms-flex: 0 0 var(--col2-width-m);
        flex: 0 0 var(--col2-width-m); }
    @media (min-width: 768px) {
      .page-designer-reference .row.layout-background .custom-column:nth-child(2) {
        -ms-flex: 0 0 var(--col2-width-d);
            flex: 0 0 var(--col2-width-d); } }
  .page-designer-reference .row.layout-background .custom-column:nth-child(3) {
    -ms-flex: 0 0 var(--col3-width-m);
        flex: 0 0 var(--col3-width-m); }
    @media (min-width: 768px) {
      .page-designer-reference .row.layout-background .custom-column:nth-child(3) {
        -ms-flex: 0 0 var(--col3-width-d);
            flex: 0 0 var(--col3-width-d); } }
  .page-designer-reference .row.layout-background .custom-column:nth-child(4) {
    -ms-flex: 0 0 var(--col4-width-m);
        flex: 0 0 var(--col4-width-m); }
    @media (min-width: 768px) {
      .page-designer-reference .row.layout-background .custom-column:nth-child(4) {
        -ms-flex: 0 0 var(--col4-width-d);
            flex: 0 0 var(--col4-width-d); } }