/* base styles
–––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* color helpers */
.color-ocher { color: #C6BD91; }
.color-green { color: #9DE69B; }
.color-red { color: #FF785D;}
.color-instagram { color: #fbad50; } /*#e95950, #bc2a8d, #fccc63, #fbad50, #cd486b, #4c68d7, #8a3ab9*/
.color-facebook { color: #3B5998; }
.color-twitter { color: #AFEAEE; }
.color-linkedin { color: #1A7FB3; }
.color-youtube { color: #6E0610; }
.color-skype { color: #2980B9; }

/* layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––– */
*, * ::before, * ::after {
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}
html {
	/*scroll-behavior: smooth;*//*alternative = script with jquery*/
}
body {
	background: White;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Permanent Marker";
	letter-spacing: 0.1rem;
}
p {
	font-family: "Source Code Pro";
	font-size: 0.8rem;
}
a {
	text-decoration: none;
}
.main-wrapper {
	width: 100%;
	max-width: 1100px;/*960px;*/
	margin: auto;
	background: White;
}

/* header
–––––––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1100px;/*960px;*/
	height: 100px;
	background: Transparent;
	transition: background-color 0.4s ease-out;
}
header .logo {
  	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .logo #name {
	padding: 0 10px 0 20px;
	color: #FF785D;
}
header .logo #title {
	display: none;
	color: White;
}
header #header-icons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
header #header-icons {
	color: White;
}
header #header-icons a {
	padding: 0 20px;
	font-size: 19pt;
	color: inherit;
}
#icon-up {
	visibility: hidden;
	font-size: 25pt;
}

/* intro section
–––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#intro-section {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 100vh;
	background-image: url("../img/DS4_1032.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	color: White;
}
#intro-section .continue {
	flex: 1;
	text-align: center;
	margin: 50px;
}
#intro-section .continue a {
	font-size: 19pt;
	color: White;
}

/* gallery section
–––––––––––––––––––––––––––––––––––––––––––––––––––––– */
img[data-action=lumos] {
	opacity: 1;
	transition: .1s ease;
	backface-visibility: hidden;
}

img[data-action=lumos]:hover {
	opacity: 0.5;
}

/* info section
–––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#info-section {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 100px 0;
}
#info-section .bio {
	flex: 1;
	padding: 0 10px; 
	text-align: right;
}
#info-section .shows {
	flex: 1;
	padding: 0 10px; 
	text-align: left;
}

/* copyright section
–––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#copyright-section {
	display: none;
	justify-content: center;
	align-items: flex-start;
	padding: 50px 0;
}

#copyright-section .credits {
	flex: 1;
	padding: 0 10px;
	text-align: center;
} 

/* footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
	z-index: 50;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	background: White;
}
footer .footer-icons {
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .footer-icons a {
	padding: 0 20px;
	font-size: 19pt;
}

/* media queries
–––––––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 768px) {
header .logo #title { display: block; }
}