@font-face {
	font-family: FauxGrec;
	src: url(https://www.fauxfoundry.com/instances/FauxGrec-D7E.woff2);
}

@font-face {
	font-family: 'Domine';
	src: url(../fonts/Domine-Regular.woff2) format('woff2');
  unicode-range: U+0-036F,U+0400-2C7F,U+2D00-10FFFF;
  font-style: normal;
  font-weight: normal;
}

@font-face {
	font-family: 'Domine';
	src: url(../fonts/Domine-Bold.woff2) format('woff2');
  unicode-range: U+0-036F,U+0400-2C7F,U+2D00-10FFFF;
  font-style: normal;
  font-weight: bold;
}

.content-container {
  font-family: 'Domine', serif;
  font-weight: bold;
  font-synthesis: none;
  font-size: 2rem;
}
.content-container.faux {
  font-family: 'Domine', FauxGrec, serif;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}
  
body {
  background-color: #f1f1fa;
  color: #224;
  font-family: 'Crimson Pro', serif;
  font-size: 1.5rem;
  font-weight: 400;
}


.content-container {
  margin: 2rem auto;
  max-width: 98vw;
}
  @media (min-width: 45em) {
    .content-container {
      max-width: 40rem; 
    }
  }
  @media (min-width: 55em) {
    .content-container {
      max-width: 52rem; 
    }
  }
  @media (min-width: 65em) {
    .content-container {
      max-width: 56rem; 
    }
  }