@charset "UTF-8";
/* 
  FONT SET

  CHEAT SHEET
  http://www.impressivewebs.com/css-font-shorthand-cheat-sheet.pdf

  MyriadPro, Adelle & AdelleSans 
  https://typekit.com/kit_editor/kits/wai3tsp
*/
/* first for IE 4–8 */
@font-face {
  font-family: QuadraatWeb-Bold;
  src: url("../fonts/QuadraatWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: QuadraatWeb-Bold;
  src: url("../fonts/QuadraatWeb-Bold.woff") format("woff");
}

@font-face {
  font-family: QuadraatScWeb-Bold;
  src: url("../fonts/QuadraatScWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: QuadraatScWeb-Bold;
  src: url("../fonts/QuadraatScWeb-Bold.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
  font-family: QuadraatWeb;
  src: url("../fonts/QuadraatWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: QuadraatWeb;
  src: url("../fonts/QuadraatWeb.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
  font-family: QuadraatScWeb;
  src: url("../fonts/QuadraatScWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: QuadraatScWeb;
  src: url("../fonts/QuadraatScWeb.woff") format("woff");
}

@font-face {
  font-family: QuadraatScWeb-Ita;
  src: url("../fonts/QuadraatScWeb-Ita.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: QuadraatScWeb-Ita;
  src: url("../fonts/QuadraatScWeb-Ita.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
  font-family: QuadraatWeb-Ita;
  src: url("../fonts/QuadraatWeb-Ita.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: QuadraatWeb-Ita;
  src: url("../fonts/QuadraatWeb-Ita.woff") format("woff");
}

/* go on with normal style definitions */
/* 
  apply a natural box layout model to all elements 
*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 
  @include breakpoints 
*/
/* 
  color sets 
*/
/*
  max-width
*/
/* 
  default margins 
*/
/* 
  default width 
*/
.transition-all {
  -webkit-transition: .3s all ease;
  -moz-transition: .3s all ease;
  -o-transition: .3s all ease;
  -ms-transition: .3s all ease;
  transition: .3s all ease;
}

.transition-opacity {
  -webkit-transition: .3s opacity ease;
  -moz-transition: .3s opacity ease;
  -o-transition: .3s opacity ease;
  -ms-transition: .3s opacity ease;
  transition: .3s opacity ease;
}

.transition-margin {
  -webkit-transition: .3s margin ease;
  -moz-transition: .3s margin ease;
  -o-transition: .3s margin ease;
  -ms-transition: .3s margin ease;
  transition: .3s margin ease;
}

.shadow {
  -webkit-box-shadow: 5px 3px 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 3px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 3px 2px 2px rgba(0, 0, 0, 0.2);
}

body {
  padding: 25px;
}

.important {
  color: #877c5d !important;
}