html, body {
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
	overflow-x: hidden;
	font-family: 'EB Garamond', serif;
	font-size: 1.5em;
	position: relative;
	background: #f2f2f2;  /* #e6fffa */
	color: #000;
}

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


.pub {
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: lighter;
	color: #595959;
	font-size: 0.6em;
}

#logo {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 999;
}

#loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	text-align:center;
	color: #fff;
	background: rgba(0,0,0,0.8);
	z-index: 999;
}


#loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
  margin: auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#topbg {
	background-image: url('images/topphoto.jpg');
    background-position: 14% center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 100%;
	color: #fff;
}


#bgtest {
	background-image: url("images/photo8.jpg");
}

.abc {
	background-image: url("images/photo1.jpg");
}

.subhead {
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 0.8em;
	font-family: 'Cabin', sans-serif;
}

.headline {
	font-family: 'EB Garamond', serif;
	line-height:1em;
	font-size: 2.5em;
	margin-top: 0px;
	margin-bottom: 30px;
}


.caption {
	font-size: 0.75em;
	color: #333333;
}


#bgmain {
	background-image: url('images/photo1.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 60% center;
	background-size: cover;
	max-width: 100%;
	min-height: 100%;
	color: #fff;
	transition: background-image 2s ease;
	-webkit-transition: background-image 2s ease;
    -moz-transition: background-image 2s ease;
    -o-transition: background-image 2s ease;
}


.margin100 {
	margin-top:100vh;
}


section{
	width: 100%;
	min-height: 1px;
}
	
.content{
	min-height:1px;
	margin-top:0; margin-bottom: 0;
	margin-left:5%; margin-right: 5%;
	color:#fff;
	width: fit-content;
	padding: 5px;
	text-shadow: 2px 2px 4px #000000;
	line-height: 1.4em;
}


.distance-50 {
	padding-top: 50%;
	padding-bottom: 50%;
}

.apple {
	font-size: 0.8em;
	line-height: 1.2em;
}

.applebg {
	background-color: rgba(0,0,0,0.6);
	padding-top: 5px;
}


#applebg1, #applebg2, #applebg3, #applebg4, #applebg5, #applebg6, #applebg7, #applebg8, #applebg9, #applebg10, #applebg11, #applebg12, #applebg13, #applebg14, #applebg15, #applebg16, #applebg17, #applebg18, #applebg19 {
	background-repeat: no-repeat;
    background-size: cover;
	min-height: 100vh;
	color: #fff;
	text-shadow: 2px 2px 4px #000000;
} 

#applebg1 {
	background-image: url('images/photo1.jpg');
    background-position: 60% center;
}

#applebg2 {
	background-image: url('images/photo2.jpg');
    background-position: center center;
}

#applebg3 {
	background-image: url('images/photo3.jpg');
    background-position: 58% center;
}

#applebg4 {
	background-image: url('images/photo4.jpg');
    background-position: 62% center;
}

#applebg5 {
	background-image: url('images/photo5.jpg');
    background-position: 30% center;
}

#applebg6 {
	background-image: url('images/photo6.jpg');
    background-position: 80% center;
}

#applebg7 {
	background-image: url('images/photo7.jpg');
    background-position: 66% center;
}

#applebg8 {
	background-image: url('images/photo8.jpg');
    background-position: center center;
}

#applebg9 {
	background-image: url('images/photo9.jpg');
    background-position: center center;
}

#applebg10 {
	background-image: url('images/photo10.jpg');
    background-position: center center;
}

#applebg11 {
	background-image: url('images/photo11.jpg');
    background-position: center center;
}

#applebg12 {
	background-image: url('images/photo12.jpg');
    background-position: center center;
}

#applebg13 {
	background-image: url('images/photo13.jpg');
    background-position: center center;
}

#applebg14 {
	background-image: url('images/photo14.jpg');
    background-position: 66% center;
}

#applebg15 {
	background-image: url('images/photo15.jpg');
    background-position: 40% center;
}

#applebg16 {
	background-image: url('images/photo16.jpg');
    background-position: center center;
}

#applebg17 {
	background-image: url('images/photo17.jpg');
    background-position: 30% center;
}

#applebg18 {
	background-image: url('images/photo18.jpg');
    background-position: center center;
}

#applebg19 {
	background-image: url('images/photo19.jpg');
    background-position: center center;
}

/*Preload Images*/

#preload {
	display: none;
}

.footer {
	font-family: 'Josefin Sans', sans-serif;
	background: #004080;
	color: #fff;
	text-align: left;
	font-weight: lighter;
	font-size: 0.85em;
}

.footer p {
	padding-left: 10px;
}

.footer a:visited {
	color: #fff;
}

.footer a:link {
	color: #fff;
}

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


.share:hover {
	opacity: 0.7;
}

#btt {
	text-transform: uppercase;
	font-size: 0.7em;
}

.credit {
	font-family: 'EB Garamond', serif;
	font-style: italic;
	font-size: 0.78em;
	font-weight: lighter;
	color: #fff;
	margin-top: 0;
}