@charset "utf-8";

html {
	font-size: 1vw;
}

a, a:visited, a:hover, a:active {
	text-decoration: none;
}

@media all and (max-width: 1180px) {
html { font-size: 1.50vw; }
}

@media all and (max-width: 868px) {
html { font-size: 2.00vw; }
}

@media all and (max-width: 668px) {
html { font-size: 2.75vw; }
}

@media all and (max-width: 468px) {
html { font-size: 3.75vw; }
}

h1 {
	color: #FFFFFF;
	font-family: EB Garamond, serif;
	font-size: 2rem;
	font-weight: normal;
	letter-spacing: 0.25rem;
	text-decoration: none;
}

h2 {
	color:#FFFFFF;
	font-family: EB Garamond, serif;
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.10rem;
}

h3 {
	color: #CCCCCC;
	font-family: EB Garamond, serif;
	font-size: 1.25rem;
	font-weight: normal;
	letter-spacing: 0.05rem;
}

h4 {
	color: #FFFFFF;
	font-family: EB Garamond, serif;
	font-size: 1rem;
	letter-spacing: 0.05rem;
	font-weight: normal;
}

h5 {
	color: #FFFFFF;
	font-family: EB Garamond, serif;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	font-weight: normal;
}

h5.black {
	color: #000000;
	font-family: EB Garamond, serif;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	font-weight: normal;
}

h5.grey {
	color: #CCCCCC;
	font-family: EB Garamond, serif;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	font-weight: normal;
}

h5.blue {
	color: #01407F;
	font-family: EB Garamond, serif;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	font-weight: normal;
}

h6 {
	color: #01407F;
	font-family: EB Garamond, serif;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	font-weight: normal;
}

h6.black {
	color: #000000;
	font-family: EB Garamond, serif;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	font-weight: normal;
}

.black {
	color: #000000;
}

.black a, .black a:visited, .black a:hover, .black a:active {
	color: #000000;
	text-decoration: none;
}

.white {
	color: #FFFFFF;
}

.grey {
	color: #CCCCCC;
}

.blue {
	color: #01407F;
}

.blue a, .blue a:visited, .blue a:hover, .blue a:active {
	color: #01407F;
	text-decoration: none;
}

.red {
	color: #FF0000;
}

.red a, .red a:visited, .red a:hover, .red a:active {
	color: #FF0000;
	text-decoration: none;
}

p {
	color: #000000;
	font-family: EB Garamond, serif;
	font-size: 1.25rem;
}

p a, p a:visited, p a:hover, p a:active {
	color: #01407F;
	font-family: EB Garamond, serif;
	font-size: 1.25rem;
	text-decoration: none;
}

p.whitespace {
	color: #FFFFFF;
	font-family: EB Garamond, serif;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
}

p.greyspace {
	color: #CCCCCC;
	font-family: EB Garamond, serif;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
}

sup {font-size: 0.75rem;
    vertical-align:super;
}