// Components / Layout Container

.container{
  max-width:$desktop-max-width;
  margin-left:auto;
  margin-right:auto;
  padding-left:80px;
  padding-right:80px;
}

@include breakpoint($laptop){
  .container{
    padding-left:80px;
    padding-right:80px;
  }
}

@include breakpoint($laptop-tablet){
  .container{
    padding-left:50px;
    padding-right:50px;
  }
}

@include breakpoint($tablet-landscape){
  .container{
    padding-left:50px;
    padding-right:50px;
  }
}

@include breakpoint($tablet-portrait){
  .container{
    padding-left:30px;
    padding-right:30px;
  }
}

@include breakpoint($phone){
  .container{
    padding-left:24px;
    padding-right:24px;
  }
}
