/* #LAYOUT
================================================== */
/* 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; }
/*SIMPLE_GRID*/
.row{
  margin-left: -15px;
  margin-right: -15px;
}

.row-ln{
  font-size: 0;
  [class^="col-"], [class*=" col-"] {
    float: none;
    font-size: $text-size;
    display: inline-block;
    vertical-align: top;
  }
}

.row-20{
  margin-left: -10px;
  margin-right: -10px;
  [class^="col-"], [class*=" col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.row-40{
  margin-left: -20px;
  margin-right: -20px;
  [class^="col-"], [class*=" col-"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.row-10{
  margin-left: -5px;
  margin-right: -5px;
  [class^="col-"], [class*=" col-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/*/SIMPLE_GRID*/

html {
  height: 100%;
}
body {
  @include display-flex;
  flex-direction: column;
  height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
}



.l-page{
  overflow: hidden;
  /*height: auto !important;
  min-height: 100%;*/
  /*position: relative;
  z-index: 1;*/
  @include flex(1 0 auto);

}

.l-footer{
  color: #ffffff;
  background: #373737;
  @include flex-shrink(0);
}

/* SM */
@media (min-width: $screen-sm-min){

}


/* MD */
@media (min-width: $screen-md-min){

}