/*---------------------------------------------------
  Normalise
---------------------------------------------------*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*---------------------------------------------------
 Fonts
---------------------------------------------------*/


/*-- 100 (Thin) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-Thin.eot');
    src: local('TT Commons Pro Thin'), local('TTCommonsPro-Thin'),
        url('../fonts/TTCommonsPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-Thin.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-Thin.woff') format('woff'),
        url('../fonts/TTCommonsPro-Thin.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-Thin.svg#TTCommonsPro-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-ThinIt.eot');
    src: local('TT Commons Pro Thin Italic'), local('TTCommonsPro-ThinIt'),
        url('../fonts/TTCommonsPro-ThinIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-ThinIt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-ThinIt.woff') format('woff'),
        url('../fonts/TTCommonsPro-ThinIt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-ThinIt.svg#TTCommonsPro-ThinIt') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/*-- 200 (Extra Light) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-XLt.eot');
    src: local('TT Commons Pro ExtraLight'), local('TTCommonsPro-XLt'),
        url('../fonts/TTCommonsPro-XLt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-XLt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-XLt.woff') format('woff'),
        url('../fonts/TTCommonsPro-XLt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-XLt.svg#TTCommonsPro-XLt') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-XLtIt.eot');
    src: local('TT Commons Pro ExtraLight Italic'), local('TTCommonsPro-XLtIt'),
        url('../fonts/TTCommonsPro-XLtIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-XLtIt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-XLtIt.woff') format('woff'),
        url('../fonts/TTCommonsPro-XLtIt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-XLtIt.svg#TTCommonsPro-XLtIt') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/*-- 300 (Light) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-Lt.eot');
    src: local('TT Commons Pro Light'), local('TTCommonsPro-Lt'),
        url('../fonts/TTCommonsPro-Lt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-Lt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-Lt.woff') format('woff'),
        url('../fonts/TTCommonsPro-Lt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-Lt.svg#TTCommonsPro-Lt') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-LtIt.eot');
    src: local('TT Commons Pro Light Italic'), local('TTCommonsPro-LtIt'),
        url('../fonts/TTCommonsPro-LtIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-LtIt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-LtIt.woff') format('woff'),
        url('../fonts/TTCommonsPro-LtIt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-LtIt.svg#TTCommonsPro-LtIt') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/*-- 400 (Regular) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-Rg.eot');
    src: local('TT Commons Pro Regular'), local('TTCommonsPro-Rg'),
        url('../fonts/TTCommonsPro-Rg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-Rg.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-Rg.woff') format('woff'),
        url('../fonts/TTCommonsPro-Rg.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-Rg.svg#TTCommonsPro-Rg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-It.eot');
    src: local('TT Commons Pro Italic'), local('TTCommonsPro-It'),
        url('../fonts/TTCommonsPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-It.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-It.woff') format('woff'),
        url('../fonts/TTCommonsPro-It.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-It.svg#TTCommonsPro-It') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/*-- 500 (Medium) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-Md.eot');
    src: local('TT Commons Pro Medium'), local('TTCommonsPro-Md'),
        url('../fonts/TTCommonsPro-Md.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-Md.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-Md.woff') format('woff'),
        url('../fonts/TTCommonsPro-Md.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-Md.svg#TTCommonsPro-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-MdIt.eot');
    src: local('TT Commons Pro Medium Italic'), local('TTCommonsPro-MdIt'),
        url('../fonts/TTCommonsPro-MdIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-MdIt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-MdIt.woff') format('woff'),
        url('../fonts/TTCommonsPro-MdIt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-MdIt.svg#TTCommonsPro-MdIt') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/*-- 600 (Demi Bold) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-Db.eot');
    src: local('TT Commons Pro DemiBold'), local('TTCommonsPro-Db'),
        url('../fonts/TTCommonsPro-Db.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-Db.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-Db.woff') format('woff'),
        url('../fonts/TTCommonsPro-Db.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-Db.svg#TTCommonsPro-Db') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-DbIt.eot');
    src: local('TT Commons Pro DemiBold Italic'), local('TTCommonsPro-DbIt'),
        url('../fonts/TTCommonsPro-DbIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-DbIt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-DbIt.woff') format('woff'),
        url('../fonts/TTCommonsPro-DbIt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-DbIt.svg#TTCommonsPro-DbIt') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/*-- 700 (Bold) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-Bd.eot');
    src: local('TT Commons Pro Bold'), local('TTCommonsPro-Bd'),
        url('../fonts/TTCommonsPro-Bd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-Bd.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-Bd.woff') format('woff'),
        url('../fonts/TTCommonsPro-Bd.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-Bd.svg#TTCommonsPro-Bd') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-BdIt.eot');
    src: local('TT Commons Pro Bold Italic'), local('TTCommonsPro-BdIt'),
        url('../fonts/TTCommonsPro-BdIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-BdIt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-BdIt.woff') format('woff'),
        url('../fonts/TTCommonsPro-BdIt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-BdIt.svg#TTCommonsPro-BdIt') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/*-- 800 (Extra Bold) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-XBd.eot');
    src: local('TT Commons Pro ExtraBold'), local('TTCommonsPro-XBd'),
        url('../fonts/TTCommonsPro-XBd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-XBd.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-XBd.woff') format('woff'),
        url('../fonts/TTCommonsPro-XBd.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-XBd.svg#TTCommonsPro-XBd') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-XBdIt.eot');
    src: local('TT Commons Pro ExtraBold Italic'), local('TTCommonsPro-XBdIt'),
        url('../fonts/TTCommonsPro-XBdIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-XBdIt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-XBdIt.woff') format('woff'),
        url('../fonts/TTCommonsPro-XBdIt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-XBdIt.svg#TTCommonsPro-XBdIt') format('svg');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/*-- 900 (Black) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-Blk.eot');
    src: local('TT Commons Pro Black'), local('TTCommonsPro-Blk'),
        url('../fonts/TTCommonsPro-Blk.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-Blk.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-Blk.woff') format('woff'),
        url('../fonts/TTCommonsPro-Blk.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-Blk.svg#TTCommonsPro-Blk') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-BlkIt.eot');
    src: local('TT Commons Pro Black Italic'), local('TTCommonsPro-BlkIt'),
        url('../fonts/TTCommonsPro-BlkIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-BlkIt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-BlkIt.woff') format('woff'),
        url('../fonts/TTCommonsPro-BlkIt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-BlkIt.svg#TTCommonsPro-BlkIt') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/*-- 1000 (Extra Black) --*/

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-XBlk.eot');
    src: local('TT Commons Pro ExtraBlack'), local('TTCommonsPro-XBlk'),
        url('../fonts/TTCommonsPro-XBlk.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-XBlk.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-XBlk.woff') format('woff'),
        url('../fonts/TTCommonsPro-XBlk.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-XBlk.svg#TTCommonsPro-XBlk') format('svg');
    font-weight: 1000;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons';
    src: url('../fonts/TTCommonsPro-XBlkIt.eot');
    src: local('TT Commons Pro ExtraBlack Italic'), local('TTCommonsPro-XBlkIt'),
        url('../fonts/TTCommonsPro-XBlkIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTCommonsPro-XBlkIt.woff2') format('woff2'),
        url('../fonts/TTCommonsPro-XBlkIt.woff') format('woff'),
        url('../fonts/TTCommonsPro-XBlkIt.ttf') format('truetype'),
        url('../fonts/TTCommonsPro-XBlkIt.svg#TTCommonsPro-XBlkIt') format('svg');
    font-weight: 1000;
    font-style: italic;
    font-display: swap;
}

