// Components / Layout

.layout{
  &:first-child{
    padding:120px 0;
  }

  &.bg-near-white{
    background-color:$near-white
  }

  &.separator{
    border-bottom:1px solid $line-color;
  }
}

@include breakpoint($tablet-portrait){
  .layout{
    &:first-child{
      padding-top:70px;
    }

    &:last-child{
      padding-bottom:70px;
    }
  }
}

@include breakpoint($phone){
  .layout{
    &:first-child{
      padding-top:60px;
    }

    &:last-child{
      padding-bottom:60px;
    }
  }
}
