/*@font-face {
    font-family: 'Atkinson Hyperlegible';
    src: url('font/Atkinson-Hyperlegible-Regular-102.woff') format('woff'),
    url('font/Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Atkinson Hyperlegible';
    src: url('font/Atkinson-Hyperlegible-bold-102.woff') format('woff'),
    url('font/Atkinson-Hyperlegible-bold-102a.woff2') format('woff2');
    font-weight: 600;
    font-style: bold;
}
@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap');*/
body {
    background: #648596;
	color: #231f20;	
	margin: 0;
	font-size: 16px;
	font-size: 1.25em;
	padding: 0;
	font-family: 'Arvo', serif;
	font-style: normal;
	margin: 0 auto;
	position: relative;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ------ Typo ------ */
p {
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: .4;
	margin: 0 0 25px 0;
}
.quote {
	font-size: 1.56em;
	margin: 50px auto;
}
h1 {
	font-weight: normal;
	font-size: 1.125em;
	font-weight: 600;
}
.slogan {
	font-weight: bold;
	font-size: 5.75em;
	margin: 15vh 0 20vh 0;
	display: block;
	text-align: center;
	font-family: 'Arvo', serif;
	width: 100%;
}
h2 {
	font-size: 1.5em;
	margin: 0 0 40px 0;
	font-weight: 200;
}
h3 {
	font-weight: normal;
	font-size: 1.5em;
	text-align: left;
	margin: 0;
}
a {
	color: #231f20;
	text-decoration: underline;
	transition: .1s all ease;
}
a:hover {
	cursor: pointer;
	text-decoration: none;
	transition: .3s all ease;
}
a:focus {
	transition: .3s all ease;
}
.link {
	color: #231f20;
	padding: 5px 10px;
	text-decoration: underline;
	transition: .1s all ease;
}
.link:hover {
	cursor: pointer;
    background: #648596;
	color: #f9f5f3;
	border-radius: 5px;
	text-decoration: none;
	transition: .3s all ease;
}
.link:focus {
	background: #231f20;
	color: #f9f5f3;
	transition: .3s all ease;
}
ul {
	list-style: none;
	padding: 0;
}
ul li {
	margin: 8px 0px;
	padding: 0;
	position: relative;
}
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 2vh 0 0 0;
}
nav {
	max-width: 80%;
	margin-right: 20px;
	font-size: 18px;
}
nav ul {
	list-style: none;
}
nav ul li {
	font-size: 1.125em;
	display: inline-block;
	margin: 0 5px;
}
nav ul li:last-child {
	margin: 0 0 0 5px;
}
footer {
	display: flex;
	justify-content: space-between;
	padding: 3vh 0;
}
img {
	max-width: 100%;
}
.centered {
	text-align: center;
}
/* ------ Content ------ */
.container-full {
	width: 100vw;
	position: relative;
	margin: 0 auto;	
	overflow: hidden;
}
.container {
	background: #c1c2d7;
	width: 1200px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.colored {
	background-color: #e9c1c2;
}
.img {
	max-width: 100%;
	margin-bottom: 5vh;
}
.content {
	max-width: 80%;
	margin: 0 auto 10vh auto;
}
.textcontent {
	max-width: 82%;
}
.divider {
	background-color: #070000;
	width: 100%;
	height: 10px;
}
.subpagecontent {
	max-width: 80%;
	margin: 0 auto 10vh auto;
}
.subpagecontent h1 {
	font-size: 2.25em;
	margin: 10vh 0 5vh 0;
}
.subpagecontent h2 {
	margin: 5vh 0 2vh 0;
}
.taglist {
	list-style: none;
}
.taglist li {
	padding: 5px 10px;
	margin: 5px 20px 5px 0;
	background: #231f20;
	color: #f9f5f3;
	border-radius: 5px;
	display: inline-block;
}
.footer {
	margin-top: 10vh;
}
.imglink {
	position: relative;
	text-decoration: underline;
}
.imglink .imgimg{
	display: none;
}

.imglink:hover>.imgimg { 
	position: absolute;
	right: 0;
	top: -300px;
	display: block; 
}
/* ------ Helper ------ */
.title {
	text-decoration: none;
}
.mobilelife {
	display: none;
}
.external-link {
	padding: 5px 30px 5px 0;
	position: relative;
}
.external-link:after {
	content: url(link.svg);
	position: absolute;
	width: 12px;
    height: 12px;
    margin: 4px 10px 0 8px;
}
.external-link:hover:after {
	content: url(link-hover.svg);
}
.current {
	color: green;
	cursor: default;
	text-decoration: underline;
	text-decoration-color: blue;
}
.linktosea {
	text-align: center;
}
.btnstyle {
	padding: 12px 40px;
	margin: 50px;
	background: #648596;
	color: #f9f5f3;
	border-radius: 5px;
	border: 1px solid transparent;
	display: inline-block;
	cursor: pointer;
	transition: .1s all ease;
}
.btnstyle:hover {
	background: #c1c2d7!important;
	color: #231f20!important;
	border: 1px solid #231f20;
	transition: .1s all ease;
}

/*paralaxx*/



/* Parallax base styles
  --------------------------------------------- */

.parallax {
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-perspective: 1px;
  perspective: 1px;
}
.parallax.active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.parallax__layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.parallax__layer--base {
  transform: translateZ(0);
}

.parallax__layer--back {
  transform: translateZ(-1px) scale(2);
}

.parallax__layer--deep {
  transform: translateZ(-2px) scale(3);
}

/* add some padding to force scrollbars */
.parallax__layer {
  
  pointer-events: none;
}

/* Art */

.background {
  position: absolute;
  display: block;
}
.parallax__layer--deep {
  /*padding: 0 150vw;*/
  padding: 0 1555px;
}
.parallax__layer--deep .background { 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;  
  background-repeat: repeat-x;
  background-position: top center;  
  background-size: 100%;
  background-image: url('stars.png');/*
	background-image:   url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gIDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0idHJhbnNwYXJlbnQiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIyNTgiIHdpZHRoPSI1MTQiIHk9Ii0xIiB4PSItMSIvPiAgPGcgZGlzcGxheT0ibm9uZSIgb3ZlcmZsb3c9InZpc2libGUiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIGlkPSJjYW52YXNHcmlkIj4gICA8cmVjdCBmaWxsPSJ1cmwoI2dyaWRwYXR0ZXJuKSIgc3Ryb2tlLXdpZHRoPSIwIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIi8+ICA8L2c+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cmVjdCBzdHJva2U9IiNmZmFjMTUiIGlkPSJzdmdfMzQ3IiBoZWlnaHQ9IjguNjY2NDIyIiB3aWR0aD0iNy45OTk3NzMiIHk9IjM3LjAwMjU4MiIgeD0iNTIuMDA1Nzg3IiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiNmZmZmZmYiLz4gIDxyZWN0IHN0cm9rZT0iI2ZmYWMxNSIgaWQ9InN2Z18zNTQiIGhlaWdodD0iOC42NjY0MjIiIHdpZHRoPSI3Ljk5OTc3MyIgeT0iMzcuMDAyNTgyIiB4PSI1Mi4wMDU3ODciIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iI2ZmZmZmZiIvPiAgPHJlY3Qgc3Ryb2tlPSIjZmZhYzE1IiBpZD0ic3ZnXzM1NSIgaGVpZ2h0PSI4LjY2NjQyMiIgd2lkdGg9IjcuOTk5NzczIiB5PSIxMjUuMTI1OTExIiB4PSIxNDMuMTI0ODE0IiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiNmZmZmZmYiLz4gIDxyZWN0IHN0cm9rZT0iI2ZmYWMxNSIgaWQ9InN2Z18zNTYiIGhlaWdodD0iOC42NjY0MjIiIHdpZHRoPSI3Ljk5OTc3MyIgeT0iOTEuNDI0MzU0IiB4PSIxOTkuNTQzNzE3IiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiNmZmZmZmYiLz4gIDxyZWN0IHN0cm9rZT0iI2ZmYWMxNSIgaWQ9InN2Z18zNTciIGhlaWdodD0iOC42NjY0MjIiIHdpZHRoPSI3Ljk5OTc3MyIgeT0iMTM1Ljg2MDQ4MSIgeD0iMjk3LjY1MjY5NSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjZmZmZmZmIi8+ICA8cmVjdCBzdHJva2U9IiNmZmFjMTUiIGlkPSJzdmdfMzU4IiBoZWlnaHQ9IjguNjY2NDIyIiB3aWR0aD0iNy45OTk3NzMiIHk9IjM5Ljk5ODI3NSIgeD0iMzYyLjU1OTM5NSIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjZmZmZmZmIi8+ICA8cmVjdCBzdHJva2U9IiNmZmFjMTUiIGlkPSJzdmdfMzU5IiBoZWlnaHQ9IjguNjY2NDIyIiB3aWR0aD0iNy45OTk3NzMiIHk9IjgzLjY4NTQ3OCIgeD0iNDIzLjcyMTQ3OCIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjZmZmZmZmIi8+ICA8cmVjdCBzdHJva2U9IiNmZmFjMTUiIGlkPSJzdmdfMzYwIiBoZWlnaHQ9IjguNjY2NDIyIiB3aWR0aD0iNy45OTk3NzMiIHk9IjE4MS41NDQ4MTUiIHg9IjQzNi40NTMxNzciIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iI2ZmZmZmZiIvPiAgPHJlY3Qgc3Ryb2tlPSIjZmZhYzE1IiBpZD0ic3ZnXzM2MSIgaGVpZ2h0PSI4LjY2NjQyMiIgd2lkdGg9IjcuOTk5NzczIiB5PSIzMC44NzgxMjgiIHg9IjQ3Ny40NTMxODUiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iI2ZmZmZmZiIvPiAgPHJlY3Qgc3Ryb2tlPSIjZmZhYzE1IiBpZD0ic3ZnXzM2MiIgaGVpZ2h0PSI4LjY2NjQyMiIgd2lkdGg9IjcuOTk5NzczIiB5PSIxMDMuMjExNDcxIiB4PSIyMi40NTMxMjQiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iI2ZmZmZmZiIvPiAgPHJlY3Qgc3Ryb2tlPSIjZmZhYzE1IiBpZD0ic3ZnXzM2MyIgaGVpZ2h0PSI4LjY2NjQyMiIgd2lkdGg9IjcuOTk5NzczIiB5PSI0Ljg3ODEyIiB4PSIyNDUuMTE5ODI2IiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiNmZmZmZmYiLz4gIDxyZWN0IHN0cm9rZT0iI2ZmYWMxNSIgaWQ9InN2Z18zNjQiIGhlaWdodD0iOC42NjY0MjIiIHdpZHRoPSI3Ljk5OTc3MyIgeT0iMTg4LjU0NDgyMiIgeD0iODYuMTE5Nzk1IiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiNmZmZmZmYiLz4gPC9nPjwvc3ZnPg==);
*/}
.parallax__layer--back {
  /*padding: 0 190vw;*/
  padding: 0 3125px;
}
.parallax__layer--back .background {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;  
  background-repeat: repeat-x;
  background-position: bottom center;  
  background-size: 100%;
  background-image: url('sky01.png');/*
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9InRyYW5zcGFyZW50IiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNTE0IiB3aWR0aD0iMTAyNiIgeT0iLTEiIHg9Ii0xIi8+ICA8ZyBkaXNwbGF5PSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgeT0iMCIgeD0iMCIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgaWQ9ImNhbnZhc0dyaWQiPiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiLz4gIDwvZz4gPC9nPiA8Zz4gIDx0aXRsZT5MYXllciAxPC90aXRsZT4gIDxyZWN0IGlkPSJzdmdfMyIgaGVpZ2h0PSIyNjYiIHdpZHRoPSIxMDIiIHk9IjI1MC41IiB4PSI2LjUiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBzdHJva2U9IiMwMDAiIGlkPSJzdmdfNCIgaGVpZ2h0PSIyOSIgd2lkdGg9IjcwIiB5PSIyMjcuNSIgeD0iMjQuNSIgZmlsbC1vcGFjaXR5PSJudWxsIiBzdHJva2Utb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMzExOTRiIi8+ICA8cGF0aCBzdHJva2U9IiMwMDAiIGlkPSJzdmdfNSIgZD0ibTU2LjUsMTc3LjVsNywwbDAsNTFsLTcsMGwwLC01MXoiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJudWxsIiBzdHJva2Utd2lkdGg9IjAiIGZpbGwtb3BhY2l0eT0ibnVsbCIgZmlsbD0iIzMxMTk0YiIvPiAgPHJlY3QgaWQ9InN2Z183IiBoZWlnaHQ9IjE2OSIgd2lkdGg9IjIwNCIgeT0iMzUwLjUiIHg9IjE2MS41IiBmaWxsLW9wYWNpdHk9Im51bGwiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2Utd2lkdGg9IjAiIHN0cm9rZT0iIzAwMCIgZmlsbD0iIzMxMTk0YiIvPiAgPHJlY3QgaWQ9InN2Z184IiBoZWlnaHQ9IjQ0IiB3aWR0aD0iNDEiIHk9IjMxMS41IiB4PSIxODcuNSIgZmlsbC1vcGFjaXR5PSJudWxsIiBzdHJva2Utb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMzMTE5NGIiLz4gIDxyZWN0IGlkPSJzdmdfOSIgaGVpZ2h0PSIzIiB3aWR0aD0iMTE2IiB5PSIzOTAuNSIgeD0iMzQ2LjUiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBpZD0ic3ZnXzEwIiBoZWlnaHQ9IjQiIHdpZHRoPSIxMjUiIHk9IjQwNy41IiB4PSIzNDEuNSIgZmlsbC1vcGFjaXR5PSJudWxsIiBzdHJva2Utb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMzMTE5NGIiLz4gIDxyZWN0IGlkPSJzdmdfMTEiIGhlaWdodD0iMTk2IiB3aWR0aD0iMTIzIiB5PSIzMjcuNSIgeD0iNDQ0LjUiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBpZD0ic3ZnXzEyIiBoZWlnaHQ9IjQ2IiB3aWR0aD0iMTAxIiB5PSIzMDQuNSIgeD0iNDU0LjUiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBpZD0ic3ZnXzEzIiBoZWlnaHQ9IjM1IiB3aWR0aD0iODUiIHk9IjI5Mi41IiB4PSI0NjMuNSIgZmlsbC1vcGFjaXR5PSJudWxsIiBzdHJva2Utb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMzMTE5NGIiLz4gIDxyZWN0IHN0cm9rZT0iIzAwMCIgaWQ9InN2Z18xNCIgaGVpZ2h0PSIxNzIiIHdpZHRoPSI5NC4wMDAwMDEiIHk9IjM3MC41IiB4PSI1NjMuNDk5OTk5IiBmaWxsLW9wYWNpdHk9Im51bGwiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2Utd2lkdGg9IjAiIGZpbGw9IiMzMTE5NGIiLz4gIDxyZWN0IGlkPSJzdmdfMTUiIGhlaWdodD0iMjQ3IiB3aWR0aD0iMTQ4IiB5PSIyODcuNSIgeD0iNjkyLjUiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBzdHJva2U9IiMwMDAiIGlkPSJzdmdfMTYiIGhlaWdodD0iNzguMDAwMDAxIiB3aWR0aD0iMTA3IiB5PSIyMTQuNSIgeD0iNzEzLjUiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgZmlsbD0iIzMxMTk0YiIvPiAgPHJlY3Qgc3Ryb2tlPSIjMDAwIiBpZD0ic3ZnXzE3IiBoZWlnaHQ9IjI3IiB3aWR0aD0iNjMiIHk9IjE4OS41IiB4PSI3MzQuNSIgZmlsbC1vcGFjaXR5PSJudWxsIiBzdHJva2Utb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBpZD0ic3ZnXzE4IiBoZWlnaHQ9IjI2IiB3aWR0aD0iMTUiIHk9IjM2Mi41IiB4PSI2MjkuNSIgZmlsbC1vcGFjaXR5PSJudWxsIiBzdHJva2Utb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMzMTE5NGIiLz4gIDxyZWN0IGlkPSJzdmdfMTkiIGhlaWdodD0iMTg1IiB3aWR0aD0iMzUiIHk9IjMzNi41IiB4PSI4NTQuNSIgZmlsbC1vcGFjaXR5PSJudWxsIiBzdHJva2Utb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMzMTE5NGIiLz4gIDxyZWN0IHN0cm9rZT0iIzAwMCIgaWQ9InN2Z18yMCIgaGVpZ2h0PSIxNDEuOTk5OTk5IiB3aWR0aD0iODEiIHk9IjM3Mi41IiB4PSI4NzcuNSIgZmlsbC1vcGFjaXR5PSJudWxsIiBzdHJva2Utb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBpZD0ic3ZnXzIxIiBoZWlnaHQ9IjE0NCIgd2lkdGg9Ijc3IiB5PSI0MTAuNSIgeD0iODE4LjUiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBpZD0ic3ZnXzIyIiBoZWlnaHQ9IjIxMyIgd2lkdGg9IjM2IiB5PSIzMDcuNSIgeD0iOTc3LjUiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBpZD0ic3ZnXzIzIiBoZWlnaHQ9IjEzOSIgd2lkdGg9IjQ5IiB5PSIzOTIuNSIgeD0iOTQ5LjUiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjMDAwIiBmaWxsPSIjMzExOTRiIi8+ICA8cmVjdCBpZD0ic3ZnXzI0IiBoZWlnaHQ9IjUiIHdpZHRoPSI2OSIgeT0iNDQzLjUiIHg9IjY1MS41IiBmaWxsLW9wYWNpdHk9Im51bGwiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2Utd2lkdGg9IjAiIHN0cm9rZT0iIzAwMCIgZmlsbD0iIzMxMTk0YiIvPiAgPHJlY3QgaWQ9InN2Z18yNSIgaGVpZ2h0PSIyIiB3aWR0aD0iNjQiIHk9IjQ2Mi41IiB4PSI2NDguNSIgZmlsbC1vcGFjaXR5PSJudWxsIiBzdHJva2Utb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAiIGZpbGw9IiMzMTE5NGIiLz4gIDxyZWN0IGlkPSJzdmdfMjYiIGhlaWdodD0iMjAiIHdpZHRoPSIxMiIgeT0iMTgxLjUiIHg9IjczOS41IiBmaWxsLW9wYWNpdHk9Im51bGwiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2Utd2lkdGg9IjAiIHN0cm9rZT0iIzAwMCIgZmlsbD0iIzMxMTk0YiIvPiAgPHBhdGggaWQ9InN2Z18yNyIgZD0ibTc3NS41LDE4MC41bDEyLDBsMCwxOWwtMTIsMGwwLC0xOXoiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJudWxsIiBzdHJva2Utd2lkdGg9IjAiIHN0cm9rZT0iIzAwMCIgZmlsbC1vcGFjaXR5PSJudWxsIiBmaWxsPSIjMzExOTRiIi8+IDwvZz48L3N2Zz4=);
*/
}
.parallax__layer--base{
  /*padding: 0 150vw;*/
  padding: 0 2495px;
}
.parallax__layer--base .background {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: repeat-x;
  background-position: bottom center;  
  background-size: 100%;  
  background-image: url('bridge.png');


}
@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
	     	.sectiona {
	     		display: inline-table!important;
	     	}
     		.parallax {
     			height: 1236px;
     		}
	     	.parallax__layer--base {
			  transform: none;
			}

			.parallax__layer--back {
			  display: none;
			}

			.parallax__layer--deep {
			  display: none;
			}
			.background {
			  position: relative;
			  display: block;
			}
			.parallax__layer--base {
			  padding: 0;
			}
          .parallax__layer--base .background {
          	  width: 5000px;
          	  height: 1236px;
			  background-repeat: repeat-x;
			  background-position: bottom;  
			  background-size: 100%;  
			  background-image: url('all.png');
			}
			.buttons {
				position: absolute;
				bottom: 0;
			}
     }
}
.p-container {
	width: 300vw;
	overflow-x: hidden;
}

#theframe h2 {
	margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: -70px;
}
#theframe p {
	    position: absolute;
    left: 50px;
    margin: 0;
    top: -25px;
    font-size: 14px;
}

.sectionbbg {

}
.sectionlink {
	position: absolute;
    background: url(btn.png) no-repeat;
    background-size: cover;
    width: 160px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    text-decoration: none;
    height: 52px;
    bottom: 3vw;
    border: none;
    z-index: 99;
    font-size: 20px;
    font-family: 'Arvo', serif;
    cursor: pointer;
}
.sectionlink:hover {
	position: absolute;
    background: url(btnhover.png) no-repeat;
    background-size: cover;
    width: 160px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    text-decoration: none;
    height: 50px;
    bottom: 3vw;
    z-index: 99;
    font-size: 20px;
    border-radius: none;
    border: 0;
    font-family: 'Arvo', serif;
    cursor: pointer;
}
.closebtn {
	position: absolute;
    top: -55px;
    right: 35px;
}
.closebtn:hover {
	position: absolute;
    top: -55px;
    right: 35px;
}
.linka {
	/*left: 20vw;*/
	left: 300px;
}
.linkb {
	/*left: 54vw;*/
	left: 880px;
}
.linkc {
	/*left: 94vw;*/
	left: 1540px;
}
.linkd {
	/*left: 129vw*/;
	left: 2110px;
}
.linke {
	/*left: 168vw;*/
	left: 2770px;
}
.linkf {
	/*left: 202vw;*/
	left: 3320px;
}
.linkg {
	/*left: 242vw;*/
	left: 4000px;
}
.linkh {
	/*left: 277vw;*/
	left: 4540px;
}
.container-outer { 
	width: 100%; 
	height: 350px; 
	cursor: grab; 
	overflow: hidden;
}
#iframeHolder {
	position: absolute;
	width: 1000px;
	text-align: center;
	bottom: 280px;
    left: 100px;

}
#iframeHolder iframe{
	width: 90%;
	margin: 0 auto;
	border: 10px solid #070000;
	outline: none;
}
.section-a {
	background-size: cover;
	background: url(locksections/section-a/sectionabg.jpg) #e9c0c2;
}
.section-b {
	background-size: cover;
	background: url(locksections/section-b/sectionbbg.jpg) #e9c0c2;
}
.section-c {
	background-size: cover;
	background: url(locksections/section-c/sectioncbg.jpg) #e9c0c2;
}
.section-d {
	background-size: cover;
	background: url(locksections/section-d/sectiondbg.jpg) #e9c0c2;
}
.section-e {
	background-size: cover;
	background: url(locksections/section-e/sectionebg.jpg) #e9c0c2;
}
.section-f {
	background-size: cover;
	background: url(locksections/section-f/sectionfbg.jpg) #e9c0c2;
}
.section-g {
	background-size: cover;
	background: url(locksections/section-g/sectiongbg.jpg) #e9c0c2;
}
.section-h {
	background-size: cover;
	background: url(locksections/section-h/sectionhbg.jpg) #e9c0c2;
}
.locksection {
	width: 2250px;
	height: 750px;
	display: -webkit-inline-box;
	cursor: grabbing;
	cursor: -webkit-grabbing;
}
.locksection a {
	margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}
.locksection a:hover {
	background: none;
	cursor: pointer;
}
.locksection a:focus {
	background: none;
}
.locksection img {
	width: 50px;
	height: 50px;
	transition: .3s all ease;
}
.locksection a:hover img{
	opacity: .6;
	transition: .4s all ease;
}
.tooltipp {
	display: none;
	position: absolute;
    left: 0px;
    bottom: 15px;
    background: #fff;
    padding: 10px 5px;
    line-height: 1;
    color: #000;
    font-size: 14px;
}
.locksection a:hover .tooltipp{
	display: block;

}

.form {
	margin: 10vh auto 10vh auto;
}
input[type=text], select {
  font-family: 'Arvo', serif;
  font-size: 16px;
  padding: 12px 10px;
  margin: 10px 0 0 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=email], select {
  font-family: 'Arvo', serif;
  font-size: 16px;
  padding: 12px 10px;
  margin: 10px 0 0 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=submit] {
  position: absolute;
    background: url(btn.png) no-repeat;
    background-size: cover;
    width: 160px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    text-decoration: none;
    height: 52px;
    bottom: 3vw;
    border: none;
    z-index: 99;
    font-size: 20px;
    font-family: 'Arvo', serif;
    cursor: pointer;
        margin: -20px 0;
}
	


input[type=checkbox] {
	margin: 20px;
}

input[type=submit]:hover {
  position: absolute;
    background: url(btnhover.png) no-repeat;
    background-size: cover;
    width: 160px;
    line-height: 1.8;
    color: #fff;
    text-align: center;
    text-decoration: none;
    height: 50px;
    bottom: 3vw;
    z-index: 99;
    font-size: 20px;
    border: 0;
    font-family: 'Arvo', serif;
    cursor: pointer;
}

.formline {
	display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
}
.formline label{
	width: 260px;
}
.biggerline label{
	width: 360px;
    margin: 0 0 20px 0;
}


::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* ------ Temporary -------- */
.sectiona {
		display: inline-table!important;
	}
	.parallax {
		height: 1236px;
	}
	.parallax__layer--base {
  transform: none;
}

.parallax__layer--back {
  display: none;
}

.parallax__layer--deep {
  display: none;
}
.background {
  position: relative;
  display: block;
}
.parallax__layer--base {
  padding: 0;
}
.parallax__layer--base .background {
	  width: 5000px;
	  height: 1236px;
  background-repeat: repeat-x;
  background-position: bottom;  
  background-size: 100%;  
  background-image: url('all.png');
}
.buttons {
	position: absolute;
	bottom: 0;
}

/* ------ Breakpoints ------ */
@media screen and (orientation: portrait) {
	.container {
		width: 100vw;
	}
}
@media screen and (max-width: 1200px) {
	.container {
		width: 800px;
		margin: 0 auto;
	}
	#iframeHolder {
		position: absolute;
		width: 700px;
		text-align: center;
		bottom: 280px;
	    left: 50px;
	}
	.content {
		max-width: 80%;
	}
}
@media screen and (max-width: 800px) {
	.container {
		width: 100%;
		margin: 0 auto;
	}
	#iframeHolder {
		position: absolute;
		width: 96%;
		text-align: center;
		bottom: 200px;
	    left: 2%;
	}
	#theframe h2 {
	    top: -100px;
	}
	#theframe p {
	    left: 5%;
	    top: -25px;
	}
	.closebtn {
	    right: 5px;
	    top: -60px;
	}
	.closebtn:hover {
	    right: 5px;
	    top: -60px;
	}
}
@media screen and (max-width: 520px) {
	.content {
		max-width: 100%;
		margin: 0 20px;
	}
	.textcontent {
		max-width: 100%;
	}
	.slogan {
		font-size: 2.25em;
	}
	.footer a {
		padding: 5px 20px 5px 0;
	}
}