/* CSS Document */

/* Background colour 90 15 19 (Hex 5A0F13), 30% transparent */

html {
    box-sizing: border-box;
	background-color: #FBF9F6;
}

*, *::before, *::after {
  box-sizing: inherit;
}
    
body {
  font-family: 'Figtree', sans-serif;
  max-width: 70em;
  margin: 3em auto 0;
  padding: 0;
  position: relative;
}

header {
    position: fixed;
    top: 0;
	z-index: 1;
    max-width: calc(70em - 0px);
	padding: 0;
    width: calc(100% - 0px);
	text-align: right;
	text-transform: uppercase;
}

footer {
	margin: 0;
	padding: 0;
	background-color: #8C1C59;
	color: antiquewhite;
}

h1 {
  font-weight: 200;
  font-size: 3em;
  /*letter-spacing: .1em;*/
  margin: 0 0 20px 0;
  text-align: center;
}

h2 {
	font-weight: 200;
	font-size: 2em;
	padding-top: 0%;
  /*letter-spacing: .3em;*/
	/*text-transform: uppercase;*/
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
}
h3 {
	margin: 0 0 10px 0;
    padding: 0;
	font-size: 1.5em;
	font-weight: 100;
	line-height: 1.5em;
  /*letter-spacing: .35em;*/
	/*text-transform: uppercase;*/
	text-shadow: 0px 0px 8px rgba(0, 0, 0,.2);
}

p {
	font-size: 1.25em;
	margin: 0 0 10px;
  	text-align: left;
}

footer p {
	margin: 0;
	padding: 0;
	text-align: center;
}


a {
	color: antiquewhite;
}

li {
	list-style-type: none;
}

img {
	width: 100%;
}

.plain div {
	  align-items: center;
}

.plain img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

.container {
    padding: 0px;
    opacity: 1;
	color: antiquewhite;
    padding: 2em 0;
    margin: 8em 0;
	text-align: center;
	position: relative;
	/*background-color: royalblue;*/
	background-color: #8C1C59;
}

.TextBox {
	padding: 1em 2em;
}

.Brochure {
	margin: 4em 0 8em;
}

.Overlay {
	color: antiquewhite;
    padding: 1em 1em 0em;
    margin: 0;
	text-align: center;
	border: 1px rgb(140, 28, 89) dashed;
}

.Overlay h1 {
	margin-bottom: 0;
	text-align: left;
}

.Overlay h2 {
	margin-top: 0;
	text-align: left;
	padding-bottom: 0;
}

.site-nav {
    width: auto;
    padding: 0 0 0.3em;
	position: relative;
	display: block !important;
	line-height: 1.8;
	background-color: #8C1C59;
}
.site-nav ul {
	list-style-type: none;
	margin: 0;
    padding: 0;
}
.site-nav ul li {
	display: inline-block;
}
.site-nav ul li a {
	font-size: .85em;
	padding-bottom: .5em;
	text-decoration: underline;
	letter-spacing: .15em;
	color: white;
	transition: color 1s;
}
.site-nav ul li a:hover {
	outline: none;
	border-bottom: 1px solid #00B5BC;
    color: #00B5BC;
	transition: color 1s;
	text-decoration: none;
}

.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex article {
    padding: 10px;
    margin: 10px;
}

.flex h2 {
	/*letter-spacing: 0.015;*/
    text-align: left;
}

.flex h3 {
	/*margin: 0 2em 10px;*/
	padding: 0;
    text-align: left;
}

/****************************************

  Small device, e.g. mobile phone

****************************************/

@media (max-width: 800px) {
.site-nav ul li {
	margin-left: 0.25em;
}
.flex article {
    flex: 90%;
}
.Overlay {
	background-color: rgba(140, 28, 89, 1);
}
}

/****************************************

  Normal device e.g. iPad / Laptop

****************************************/

@media (min-width: 801px) {
.site-nav ul li {
	margin-left: 3.5em;
}
.flex article {
    flex: 40%;
}
.Overlay {
	position: absolute;
	top: 0em;
	left: 0em;
	background-color: rgba(140, 28, 89, 0.7);
}
}