#wpadminbar{
	display:none !important
}

html{
	font-size: 0.0520833333333333vw;
	font-family: "Roboto", Arial, sans-serif;
}
@media(min-width:1921px){html{font-size:1px}}
@media (max-width: 1500px) {html { font-size: 0.0666666666666667vw; }}
@media (max-width: 1024px) {html { font-size: 0.09765625vw; }}
@media (max-width: 600px) {html { font-size: 0.1666666667vw;}}
@media (max-width: 375px) {html {font-size: 0.2666666666666667vw;}
}

h1,  .h1 {
	font-size:60rem;
}

h2, .h2 {
	font-size:43rem;   
}

h3, .h3 {
	font-size:25rem;
}

h4, .h4 {
	font-size:max(var(--font-size-min), 20rem);
}

h5,
.h5,
h6,
.h6 {
	font-family: var(--font-serif);
}

body {
	font-size:max(var(--font-size-min), 15rem);
}


:root {

  --accent: #5C100B;
  --main-1: var(--accent);
  --main1: var(--main-1);

  --main-2: #E8B16B;
  --main2: var(--main-2);

  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-muted: #666666;

  --color-text: #000000;
  --color-text-accent: var(--main-1);
  --color-heading-accent: var(--main-2);

  --color-button-light: #F7DDBE;
  --color-button-hover: #F0CCA0;
  --color-button-active: #E8B16B;

  --color-border: var(--main-2);
  --color-border-dark: var(--main-1);

  --font-serif: "Roboto Serif", Georgia, serif;
  --font-sans: "Roboto", Arial, sans-serif;
  --font-size-min: 12px;

  --container-width: 1540rem;
  --container-padding: 40rem;

  --radius-sm: 4rem;
  --radius-md: 6rem;
  --radius-lg: 10rem;

  --transition-base: 0.2s ease;

  --hamon-color-accent: var(--main-1);
  --hamon-color-accent-dark: var(--main-1);
  --hamon-color-accent-hover: var(--color-button-hover);
  --hamon-color-accent-active: var(--color-button-active);
  --hamon-color-button-light: var(--color-button-light);
  --hamon-color-section-dark: var(--color-black);
  --hamon-color-background: var(--color-white);
  --hamon-color-surface: #F7DDBE;
  --hamon-color-muted: var(--color-muted);
  --hamon-color-border: var(--color-border);
  --hamon-color-border-dark: var(--color-border-dark);
  --hamon-color-text: var(--color-text);
  --hamon-color-text-inverse: var(--color-white);
  --hamon-font-serif: var(--font-serif);
  --hamon-font-sans: var(--font-sans);
  --hamon-radius-sm: var(--radius-sm);
  --hamon-radius-md: var(--radius-md);
  --hamon-radius-lg: var(--radius-lg);
  --hamon-container-width: var(--container-width);
  --hamon-container-padding: var(--container-padding);
  --hamon-transition-base: var(--transition-base);
}

body {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 400;
  line-height: 19rem;
  color: var(--color-black);
  background: var(--color-white);
}

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

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}

.container,
.hamon-container {
  width: min(100% - calc(var(--container-padding) * 2), var(--container-width));
  margin-inline: auto;
}

.section {
  padding-top: 80rem;
  padding-bottom: 80rem;
}

.section--dark {
  color: var(--color-white);
  background: var(--color-black);
}

.section--light {
  color: var(--color-black);
  background: var(--color-white);
}

.h1,
h1 {
  color: var(--main-2);
  font-family: var(--font-serif);
  font-size: 60rem;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
  letter-spacing: -1.8rem;
}

.h2,
h2 {
  color: var(--color-white);
  font-family: var(--font-serif);
  font-size: 43rem;
  font-style: normal;
  font-weight: 100;
  line-height: 42rem;
  letter-spacing: -1.29rem;
}

.h2--dark {
  color: var(--main-1);
}

.h2--accent {
  color: var(--main-2);
}

.h3,
h3 {
  color: var(--main-1);
  font-family: var(--font-serif);
  font-size: 25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 30rem;
}

.h4,
h4 {
  color: var(--main-1);
  font-family: var(--font-serif);
  font-size: max(var(--font-size-min), 20rem);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.text-main,
p {
  color: var(--color-black);
  font-family: var(--font-sans);
  font-size: max(var(--font-size-min), 15rem);
  font-style: normal;
  font-weight: 400;
  line-height: 19rem;
}

.text-light {
  color: var(--color-white);
}

.text-accent {
  color: var(--main-1);
}

.text-muted {
  color: var(--color-muted);
}

.label {
  color: var(--main-1);
  font-family: var(--font-sans);
  font-size: max(var(--font-size-min), 14rem);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}