$deepgray: #444444;
$darkergray: #777777;
$darkgray: #bbbbbb;
$gray: #dddddd;
$lightgray: #fafafa;
$primary: #0073aa;
$complimentary: #00AA7B;

// Extra small screen / phone
$screen-xs: 480px !default;
$screen-xs-min: $screen-xs !default;
$screen-phone: $screen-xs-min !default;

// Small screen / tablet
$screen-sm: 768px !default;
$screen-sm-min: $screen-sm !default;
$screen-tablet: $screen-sm-min !default;

// Medium screen / desktop
$screen-md: 992px !default;
$screen-md-min: $screen-md !default;
$screen-desktop: $screen-md-min !default;

// Large screen / wide desktop
$screen-lg: 1200px !default;
$screen-lg-min: $screen-lg !default;
$screen-lg-desktop: $screen-lg-min !default;

// So media queries don't overlap when required, provide a maximum
$screen-xs-max: ($screen-sm-min - 1) !default;
$screen-sm-max: ($screen-md-min - 1) !default;
$screen-md-max: ($screen-lg-min - 1) !default;

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;

}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.button-danger {
  color: #a00 !important;
  background: #fff !important;

  &:hover, &:focus {
    border-color: #a00 !important;
  }
}