/*
- fonts
- html body links and kbz's generic classes
- boostrap
- container
- sections
	- banner
	- about
	- footer
*/



/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');
/*
titles
font-family: 'Oswald', sans-serif;
texts
font-family: 'Cardo', serif;

#f9972a
rgba (249,151,42,1)

*/



/* html body links and kbz's generic classes */
a {
	outline: none;
	color: #000000;
}
a:hover,
a:focus {
	color: #FFFFFF;
	text-decoration: none;
}
html {
/*	background: url('/images/background-fire.png') #f9972a no-repeat center bottom;
	background-size: 100% auto;
	min-height: 100vh;
*/
}
div.background-div {
	background: url('/images/background-fire.png') #f9972a no-repeat center center / cover;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
body {
	font-family: 'Cardo', serif;
	font-size: 18px;
	font-weight: 300;
	color: #CCCCCC;
	background-color: transparent;
}
h1 {

}
h2 {

}
.no-padding {
	padding: 0 !important;
}
i {
	font-size: 1.4em;
}
/* end kbz */



/* boostrap */
/* nav */

/* end nav */
/* end boostrap */



/* animated */
.animated-delay-333 {
	-webkit-animation-delay: .333s;
	animation-delay: .333s;
}
.animated-delay-500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.animated-delay-666 {
	-webkit-animation-delay: .666s;
	animation-delay: .666s;
}
.animated-delay-999 {
	-webkit-animation-delay: .999s;
	animation-delay: .999s;
}
.animated-delay-1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.animated-delay-1332 {
	-webkit-animation-delay: 1.332s;
	animation-delay: 1.332s;
}
/* end animated */



/* container */
body > .container {
	margin-top: 30px;
}

/* end container */

/* net-socials */
ul.net-socials {
	list-style: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

ul.net-socials li {
	display: inline-block;
}
ul.net-socials li a i {
	font-size: 1.6em;
	padding-left: 15px;
	padding-top: 15px;
}
/* end net-socials */


/* bandcamp */
.bandcamp-wrapper {
	background-color: #000;
	color: #FFFFFF;
	padding: 15px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-bottom: 8px;
}
.bandcamp-wrapper iframe {
	width: 100%;
	height: 700px;
}
/* end bandcamp */


.info {
	text-align: left;
	color: #000000;
	font-weight: 700;
}
.logo {
	width: 100%;
	max-width: 160px;
	height: auto;
	margin-top: 60px;
}
.welcome {
	margin-top: 30px;
	padding-right: 60px;
}
.bio {
	text-align: left;
	color: #000000;
	font-weight: 700;
	/*background-color: rgba(249,151,42,.5);*/
}
.bio-wrapper {
	margin-top: 60px;
	margin-bottom: 60px;
}













/* footer */
footer {
	color: #000000;
	z-index: 9;
}
footer a {
	color: #000000;
}
footer a:hover,
footer a:focus {
	color: #FFFFFF;
}
footer {
	margin: 90px 0;
}
footer p {
	margin-bottom: 0;
}
footer a.kbz {
	font-size: 14px;
}

/* end footer */


@media (max-width: 767px) {
	.logo {
		margin-top: 30px;
	}
	.welcome {
		padding-right: 0px;
	}
	body > .container {
		margin-top: 0px;
	}
	ul.net-socials {
		margin-bottom: 60px;
	}
	.bandcamp-wrapper iframe {
		width: 100%;
		height: 490px;
	}
	footer {
		font-size: 16px;
		margin: 30px 0;
		z-index: 9;
	}
}

/* video */
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  margin-top: 30px;
}
@media (max-width: 768px) {
	.video-responsive {
		margin-top: 40px;
	}
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
}
iframe {
  border: 0;
}
/* end video */

/* music */
.bandcamp-embedded {
	margin-top: 60px;
}
.bandcamp-embedded iframe {
	width: 100%;
	height: 350px;
}
@media (max-width: 1200px) {
	.bandcamp-embedded iframe {
		width: 100%;
		height: 290px;
	}
}
@media (max-width: 992px) {
	.bandcamp-embedded iframe {
		width: 100%;
		height: 210px;
	}
}
@media (max-width: 768px) {
	.bandcamp-embedded iframe {
		width: 100%;
		height: 150px;
	}
}
@media (max-width: 576px) {
	.bandcamp-embedded {
		text-align: center;
	}
	.bandcamp-embedded iframe {
		width: 320px;
		height: 320px;
	}
}
/* end music */



/* Extra small devices (portrait phones, less than 576px)
No media query for 'xs' since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Extra large devices (large desktops)
No media query since the extra-large breakpoint has no upper bound on its width */
/* animation */