@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/lora-v9-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Lora"), local("Lora-Regular"), url("/fonts/lora-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/lora-v9-latin-regular.woff2") format("woff2"), url("/fonts/lora-v9-latin-regular.woff") format("woff"), url("/fonts/lora-v9-latin-regular.ttf") format("truetype"), url("/fonts/lora-v9-latin-regular.svg#Lora") format("svg");
  /* Legacy iOS */ }
/* calligraffitti-regular - latin */
@font-face {
  font-family: 'Calligraffitti';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/calligraffitti-v12-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Calligraffitti Regular"), local("Calligraffitti-Regular"), url("/fonts/calligraffitti-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/calligraffitti-v12-latin-regular.woff2") format("woff2"), url("/fonts/calligraffitti-v12-latin-regular.woff") format("woff"), url("/fonts/calligraffitti-v12-latin-regular.ttf") format("truetype"), url("/fonts/calligraffitti-v12-latin-regular.svg#Calligraffitti") format("svg");
  /* Legacy iOS */ }
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0; }

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

header {
  padding: 1em;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end; }
  @media all and (max-width: 36em) {
    header {
      display: block;
      text-align: center; } }
  @media print {
    header {
      display: block; } }

nav {
  display: flex;
  flex-direction: row;
  justify-content: left;
  margin-left: 1em; }
  @media all and (max-width: 36em) {
    nav {
      justify-content: center; } }

nav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

nav ul li {
  display: inline;
  color: #760023;
  font-size: 110%;
  font-weight: 600;
  padding-right: 1em; }
  @media print {
    nav ul li {
      display: none; } }

nav a {
  color: #760023;
  text-decoration: none; }

body {
  font: 400 18px/1.5 "Lora", serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal; }
  @media print {
    body {
      font: 400 12px/1.5 "Lora", serif; } }

main {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%; }
  @media print {
    main {
      display: inline; } }

section {
  margin: 1em;
  width: 36em; }
  @media print {
    section {
      width: 100%;
      page-break-inside: avoid; } }

.halfwidth {
  margin: 1em;
  width: 17em; }

address {
  font-style: normal; }

p {
  text-indent: 2em; }

p:first-of-type {
  text-indent: 0; }

h1 {
  color: #760023;
  font-size: 120%;
  font-family: 'Calligraffitti'; }

h2 {
  color: #760023;
  font-size: 120%;
  font-family: 'Calligraffitti';
  margin-top: 1em;
  margin-bottom: 1em; }

footer {
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center; }

@media print {
  #wilsonslogo {
    width: 100px;
    height: 74.5px; } }

@media print {
  .largesizeprice {
    display: inline;
    margin-right: 1em; } }

@media print {
  .smallsizeprice {
    display: inline; } }

.checkout {
  width: 100%;
  display: flex;
  justify-content: flex-end; }

.cartcontents {
  width: 100%; }

#payment-form {
  margin-top: 1em; }

#payment-form button {
  margin-top: 1em; }

.productname {
  color: #760023;
  font-size: 140%; }

.roastlevel {
  color: #760023;
  font-size: 120%; }

.price {
  font-size: 110%; }

.topdetails {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }