//


@import "base";
@import "layout";


/* Smartphone portrait is the default layout, hooray for doing mobile first! */

/* Smartphone landscape one-col-vert */
@media only screen and (min-width:321px) and (max-width:480px) {
  @include layout-one-col-vert(50%, 50%);
  @include layout-container(100%);
}

/* Tablet portrait one-col-vert */
@media only screen and (min-width:481px) and (max-width:768px) {
  @include layout-one-col-vert(50%, 50%);
  @include layout-container(100%);
}

/* Tablet landscape three-col-grail */
@media only screen and (min-width:769px) and (max-width:1024px) {
  @include layout-three-col-grail(20%, 20%);
  @include layout-container(100%);
}

/* Standard layout three-col-grail */
@media only screen and (min-width:1025px) {
  @include layout-three-col-grail(25%, 25%);
  @include layout-container(100%, 960px);
}