@font-face {
  font-family: brusher;
  font-weight: normal;
  src: local('brusher'),
       url('../_content/_fonts/Brusher-Regular.woff2') format('woff2'),
       url('../_content/_fonts/Brusher-Regular.woff') format('woff');
}

@font-face {
  font-family: beneth;
  font-weight: normal;
  src: local('beneth'),
       url('../_content/_fonts/beneth-FREE.woff2') format('woff2'),
       url('../_content/_fonts/beneth-FREE.woff') format('woff');
}

html{
  font-family: "Roboto", sans-serif;
}

body{
  background: var(--beige);
  margin: 0;
}

body.nav-open{
  overflow: hidden;
}

h1, h2, h3, h4, h5{
  color: var(--blue2);
}

h4{
  font-size: 120%;
}

p{
  color: var(--blue2);
  font-size: 120%;
}

a{
  text-decoration: none !important;
  color: #222222;
}

a:hover{
  color: #666666;
}

ul{
  list-style-type: none;
}

li{
  text-decoration: none;
}

.has-text-align-center{
  text-align: center !important;
}

/* Utilities */
.center{
  margin: 0 auto;
  width: 300px;
}

.center-w{
  margin: 0 auto;
  width: 250px;
}

.block-50{
  width: 50%;
  margin: 0 auto;
}

.bottom-no{
  margin-bottom: 5px;
}

.menu-single{
  margin-left: 0px;
  margin-right: auto;
}

/* Fonts helpers */
.brusher{
  font-family: "brusher";
  font-size: 3em;
  color: var(--blue);
}

.beneth-heading{
  font-family: "beneth";
  font-size: 4em;
  color: var(--blue);
  font-weight: normal;
}

.beneth{
  font-family: "beneth";
  color: var(--blue);
  font-weight: normal;
}

.screen-reader-text{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}