@font-face {
  font-family: "AvenirLTStd-Book";

  src: url("../fonts/Avenir-LT-Std-Book/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/Avenir-LT-Std-Book/AvenirLTStd-Book.woff2") format("woff2"), /* Super Modern Browsers */
  url("../fonts/Avenir-LT-Std-Book/AvenirLTStd-Book.woff") format("woff"), /* Pretty Modern Browsers */
  url("../fonts/Avenir-LT-Std-Book/AvenirLTStd-Book.ttf")  format("truetype"), /* Safari, Android, iOS */
  url("../fonts/Avenir-LT-Std-Book/AvenirLTStd-Book.svg#AvenirLTStd-Book") format("svg"); /* Legacy iOS */
}


/* Variables */
:root {
  --appleton: #0363ad;
  --arlington: #d7b45a;

/* House Type Colors */
  --ashton: #918a80;
  --bg-available: #51d902;
  --bg-reserved: #d1d902;
  --bg-sold: #d90202;

/* Buttons Color */
  --btn-blue: #83c2ff;
  --btn-green: #74ce62;
  --btn-grey: #74ce62;
  --btn-red: #f97c78;
  --chesham: #56354a;
  --clarendon: #537332;
  --dorchester: #c83335;

/* Spacing */
  --gutter: 2.5rem;
  --nobel: #9c9c9c;

/* Colors */
  --primary-color: #838383;
  --richmond: #b5818d;
  --secondary-color: #ffffff;
  --thornbridge: #dd9024;
  --white: #ffffff;
  --windermere: #33657e;
}

html {
  font-size: 16px;
}

html,
body {
  width: 100%;
  height: 100%;

  font-family: "AvenirLTStd-Book", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 100%;
}

body {
  background-color: #ffffff;
}

.bg-ashton {
  background-color: var(--ashton);
}

.bg-chesham {
  background-color: var(--chesham);
}

.bg-clarendon {
  background-color: var(--clarendon);
}

.bg-arlington {
  background-color: var(--arlington);
}

.bg-richmond {
  background-color: var(--richmond);
}

.bg-dorchester {
  background-color: var(--dorchester);
}

.bg-thornham,
.bg-thornbridge {
  background-color: var(--thornbridge);
}

.bg-windermere {
  background-color: var(--windermere);
}

.bg-appleton {
  background-color: var(--appleton);
}

.bg-core-colour {
  background: var(--core-colour);
}