@font-face {
    font-family: 'coatsregular';
    src: url('../fonts/coats_regular-webfont.eot');
    src: url('../fonts/coats_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coats_regular-webfont.woff2') format('woff2'),
         url('../fonts/coats_regular-webfont.woff') format('woff'),
         url('../fonts/coats_regular-webfont.svg#coatsregular') format('svg');
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand-logo {
  font-family: 'coatsregular', 'Lato', serif;
}

a,
span,
body {
  font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
}

main.loaded {
  background-image: url(../img/clouds/2.png), url(../img/clouds/10.png);
  background-repeat: no-repeat;
  background-size: 400px;
  background-position: 0% 75%, 100% 33%;
}

.brand-logo {
  background-image: url(../img/objects/33_no_string.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40%;
  color: #501229 !important;
  text-decoration: none !important;
  font-weight: 500;
}