$small-screen-up: 601px !default;
$medium-screen-up: 993px !default;
$large-screen-up: 1201px !default;
$small-screen: 600px !default;
$medium-screen: 992px !default;
$large-screen: 1200px !default;

$medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;
$large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;
$small-and-down: "only screen and (max-width : #{$small-screen})" !default;
$medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
$medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;

@media #{$small-and-down} {
  // styles for small screens and down
  .toast{
    margin-top:0;
    border-bottom:1px solid rgba(0,0,0, .2);
  }
}
@media #{$medium-and-up} {
  // styles for medium screens and larger
}
@media #{$medium-and-down} {
  // styles for medium screens and down
  header, main, footer {
    padding-left: 0;
  }
  .brand-logo.page-title{
    padding:inherit;
  }
}
@media #{$large-and-up} {
  #toast-container{
    right:3%;
    top:11%;
  }
}