//
// Container Layout
//
.dlcontainer {
  margin:    0 auto;
  max-width: 100%;
  position:  relative;
}

@media only screen and (max-width: 67.5em) {

  .dlcontainer {
    // Define the padding for the device.
    padding-left:  $padding-container;
    padding-right: $padding-container;
  }

}

//
// MEDIA QUERIES
//
@media only screen and (min-width: map-get($breakpoints, 'md')) {

  .dlcontainer {
    &--flex {
      @include flexboxtweener((-ms-flex: 1 0 auto));
      display:         flex;
      flex:            0 1 100%;
      flex-wrap:       wrap;
      justify-content: space-between;
    }
  }

}