body * {
		font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Luxi Sans, sans-serif;
		color: #000;
}

html {
		overflow-x: hidden;
}

.page {
		min-height: 100vh;
		display: inline-block;
		width: 100vw;
}

.title {
		font-family: Times, Times New Roman, Liberation Serif, FreeSerif, serif;
}

.page:nth-child(5n) {
		background-color: #99E8FF;
}
.page:nth-child(5n+1) {
		background-color: #8BBBE8;
}
.page:nth-child(5n+2) {
		background-color: #A6BCFF;
}
.page:nth-child(5n+3) {
		background-color: #8C8BE8;
}
.page:nth-child(5n+4) {
		background-color: #B699FF;
}

ul.items {
		list-style-type: circle;
		padding-left: 10vw;
		margin-left: 4vw;
}

ul.sub-items {
/*		font-size: smaller;*/
		list-style-type: none;
		padding-left: 2vw;
		padding-top: 2vh;
}

ul.sub-items li:before {
		content: "•";
		padding-right: 8px;
}

ul.items li {
		margin-bottom: 20px;
}

.items li span {
		font-style: italic;
		padding: 0 2vw;
		margin: 0 2vw;
		color: #000;
		background-color: #FFF;
		opacity: .5;
		font-size: smaller;
}

body {
  font-size: 0.875rem;
}

@media screen and (min-width: 20rem) {
  body {
    font-size: calc(0.875rem + 0.5 * ((100vw - 20rem) / 60));
  }
}

@media screen and (min-width: 80rem) {
  body {
    font-size: 1.375rem;
  }
}

h1.title {
		font-size: 3rem;
		text-align: center;
		line-height: 130vh;
		text-shadow: 0px 0px 8px #FFF;
}

@media screen and (min-width: 20rem) {
  h1.title {
    font-size: calc(3rem + 1.5 * ((100vw - 20rem) / 60));
  }
}

@media screen and (min-width: 80rem) {
  h1.title {
    font-size: 5rem;
  }
}

h2.title {
		font-size: 2rem;
		padding-top: 2rem;
		margin-bottom: 3rem;
		padding-bottom: 1rem;
		border-bottom: 2px solid #000;
}

@media screen and (min-width: 20rem) {
  h2.title {
    font-size: calc(2rem + 1.5 * ((100vw - 20rem) / 60));
  }
}

@media screen and (min-width: 80rem) {
  h2.title {
    font-size: 4rem;
  }
}

.page:not(.header) > * {
		padding-left: 10vw;
}

.page.header {
		background-image: url("../images/../images/shady.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center top;
		max-height: 100vh;
		text-shadow:  -1px -1px 0 rgba(255,255,255,0.5), 1px -1px 0 rgba(255,255,255,0.5), -1px 1px 0 rgba(255,255,255,0.5), 1px 1px 0 rgba(255,255,255,0.5);
}

.page.legal p {
		padding: 50vh 0.5vw 0vh;
		line-height: 3vh;
		text-align: center;
}

.page.legal {
		background-color: #FFF;
}

.footer {
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 10px;
		background-color: rgba(255, 255, 255, 0.4);
		border-top-right-radius: 30px;
}

.footer a {
		text-decoration: none;
		font-size: smaller;
}

.footer a:hover {
		text-decoration: underline;
}