.container {
  position: relative;
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box; }
.column,
.col-md-6,
.col-md-12,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.one-half.column,
.one-half.columns {
    width: calc(50% - 3rem);
}
/* For devices less than 480px */
@media (max-width: 479px) {
	.container {
		padding: 0 20px;
	}
}

/* For devices larger than 767px */
@media (min-width: 767px) {
    .column,
    .col-md-6,
    .col-md-12,
    .columns {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .column.alpha,
    .columns.alpha {
        margin-left: 0;
    }
    .column.omega,
    .columns.omega {
        margin-right: 0;
    }
  

  .container .one.column,
    .container .one.columns                     { width: calc(8.3333333% - 3rem); }
    .container .two.columns                     { width: calc(16.6666666% - 3rem); }
    .container .three.columns                   { width: calc(25% - 3rem); }
    .container .four.columns                    { width: calc(33.3333333% - 3rem); }
    .container .five.columns                    { width: calc(41.6666666% - 3rem); }
    .umbraco-forms-container.col-md-6,
    .container .six.columns                     { width: calc(50% - 3rem);  }
    .container .seven.columns                   { width: calc(58.3333333% - 3rem); }
    .container .eight.columns                   { width: calc(66.6666666% - 3rem); }
    .container .nine.columns                    { width: calc(75% - 3rem);  }
    .container .ten.columns                     { width: calc(83.3333333% - 3rem); }
    .container .eleven.columns                  { width: calc(91.6666666% - 3rem); }
    .col-md-12,
    .container .twelve.columns                  { width: calc(100% - 3rem); }

    .container .one.column.alpha,
    .container .one.columns.alpha               { width: calc(8.3333333% - 1.5rem); }
    .container .two.columns.alpha               { width: calc(16.6666666% - 1.5rem); }
    .container .three.columns.alpha             { width: calc(25% - 1.5rem); }
    .container .four.columns.alpha              { width: calc(33.3333333% - 1.5rem); }
    .container .five.columns.alpha              { width: calc(41.6666666% - 1.5rem); }
    .container .six.columns.alpha               { width: calc(50% - 1.5rem);  }
    .container .seven.columns.alpha             { width: calc(58.3333333% - 1.5rem); }
    .container .eight.columns.alpha             { width: calc(66.6666666% - 1.5rem); }
    .container .nine.columns.alpha              { width: calc(75% - 1.5rem);  }
    .container .ten.columns.alpha               { width: calc(83.3333333% - 1.5rem); }
    .container .eleven.columns.alpha            { width: calc(91.6666666% - 1.5rem); }
    .container .twelve.columns.alpha            { width: calc(100% - 1.5rem); }

    .container .one.column.omega,
    .container .one.columns.omega               { width: calc(8.3333333% - 1.5rem); }
    .container .two.columns.omega               { width: calc(16.6666666% - 1.5rem); }
    .container .three.columns.omega             { width: calc(25% - 1.5rem); }
    .container .four.columns.omega              { width: calc(33.3333333% - 1.5rem); }
    .container .five.columns.omega              { width: calc(41.6666666% - 1.5rem); }
    .container .six.columns.omega               { width: calc(50% - 1.5rem);  }
    .container .seven.columns.omega             { width: calc(58.3333333% - 1.5rem); }
    .container .eight.columns.omega             { width: calc(66.6666666% - 1.5rem); }
    .container .nine.columns.omega              { width: calc(75% - 1.5rem);  }
    .container .ten.columns.omega               { width: calc(83.3333333% - 1.5rem); }
    .container .eleven.columns.omega            { width: calc(91.6666666% - 1.5rem); }
    .container .twelve.columns.omega            { width: calc(100% - 1.5rem); }

    /* Offsets */
    .container .offset-by-one                   { margin-left: calc(8.3333333% + 1.5rem); }
    .container .offset-by-two                   { margin-left: calc(16.6666666% + 1.5rem); }
    .container .offset-by-three                 { margin-left: calc(25% + 1.5rem); }
    .container .offset-by-four                  { margin-left: calc(33.3333333% + 1.5rem); }
    .container .offset-by-five                  { margin-left: calc(41.6666666% + 1.5rem); }
    .container .offset-by-six                   { margin-left: calc(50% + 1.5rem); }
    .container .offset-by-seven                 { margin-left: calc(58.3333333% + 1.5rem); }
    .container .offset-by-eight                 { margin-left: calc(66.6666666% + 1.5rem); }
    .container .offset-by-nine                  { margin-left: calc(75% + 1.5rem); }
    .container .offset-by-ten                   { margin-left: calc(83.3333333% + 1.5rem); }
    .container .offset-by-eleven                { margin-left: calc(91.6666666% + 1.5rem); }

    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: calc(33.3333333% + 1.5rem);
    }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: calc(66.6666666% + 1.5rem)
    }

    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: calc(50% + 1.5rem);
    }

}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }