@font-face {
    font-family: 'Arastin Script';
    src: url('Fonts/ArastinScript-Regular.eot');
    src: url('Fonts/ArastinScript-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ArastinScript-Regular.woff2') format('woff2'),
        url('Fonts/ArastinScript-Regular.woff') format('woff'),
        url('Fonts/ArastinScript-Regular.ttf') format('truetype'),
        url('Fonts/ArastinScript-Regular.svg#ArastinScript-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arastin Std';
    src: url('Fonts/ArastinStd-Regular.eot');
    src: url('Fonts/ArastinStd-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ArastinStd-Regular.woff2') format('woff2'),
        url('Fonts/ArastinStd-Regular.woff') format('woff'),
        url('Fonts/ArastinStd-Regular.ttf') format('truetype'),
        url('Fonts/ArastinStd-Regular.svg#ArastinStd-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
	    font-family: 'bellerose';
    src: url('Fonts/BelleroseLight.eot');
    src: url('Fonts/BelleroseLight.eot?#iefix') format('embedded-opentype'),
        url('Fonts/BelleroseLight.woff2') format('woff2'),
        url('Fonts/BelleroseLight.woff') format('woff'),
        url('Fonts/BelleroseLight.ttf') format('truetype'),
        url('Fonts/BelleroseLight.svg#BelleroseLight') format('svg');
}
@font-face {
	font-family: 'rogueScript';
	src: url('Fonts/RougeScript-Regular.eot');
    src: url('Fonts/RougeScript-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/RougeScript-Regular.woff2') format('woff2'),
        url('Fonts/RougeScript-Regular.woff') format('woff'),
        url('Fonts/RougeScript-Regular.ttf') format('truetype'),
        url('Fonts/RougeScript-Regular.svg#RougeScript-Regular') format('svg');
}
@font-face {
	font-family: 'imperialScript';
	src: url('Fonts/ImperialScript-Regular.eot');
    src: url('Fonts/ImperialScript-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ImperialScript-Regular.woff2') format('woff2'),
        url('Fonts/ImperialScript-Regular.woff') format('woff'),
        url('Fonts/ImperialScript-Regular.ttf') format('truetype'),
        url('Fonts/ImperialScript-Regular.svg#ImperialScript-Regular') format('svg');
}
@font-face {
	font-family: 'bauhausItalic';
	src: url('Fonts/Bauhaus-Italic.eot');
	src: url('Fonts/Bauhaus-Italic.eot?#iefix') format('embedded-opentype'),
	url('Fonts/Bauhaus-Italic.woff2') format('woff2'),
	url('Fonts/Bauhaus-Italic.woff') format('woff'),
	url('Fonts/Bauhaus-Italic.ttf') format('truetype'),
	url('Fonts/Bauhaus-Italic.svg#Bauhaus-Italic') format('svg');
}
@font-face {
	font-family: 'IBMPlex';
	src: url('Fonts/IBMPlexMono-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'IBMPlexBold';
	src: url('Fonts/IBMPlexMono-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Lilita One';
    src: url('Fonts/LilitaOne.eot');
    src: url('Fonts/LilitaOne.eot?#iefix') format('embedded-opentype'),
        url('Fonts/LilitaOne.woff2') format('woff2'),
        url('Fonts/LilitaOne.woff') format('woff'),
        url('Fonts/LilitaOne.ttf') format('truetype'),
        url('Fonts/LilitaOne.svg#LilitaOne') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-Bold.eot');
    src: url('Fonts/ChakraPetch-Bold.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-Bold.woff2') format('woff2'),
        url('Fonts/ChakraPetch-Bold.woff') format('woff'),
        url('Fonts/ChakraPetch-Bold.ttf') format('truetype'),
        url('Fonts/ChakraPetch-Bold.svg#ChakraPetch-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-BoldItalic.eot');
    src: url('Fonts/ChakraPetch-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-BoldItalic.woff2') format('woff2'),
        url('Fonts/ChakraPetch-BoldItalic.woff') format('woff'),
        url('Fonts/ChakraPetch-BoldItalic.ttf') format('truetype'),
        url('Fonts/ChakraPetch-BoldItalic.svg#ChakraPetch-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-SemiBold.eot');
    src: url('Fonts/ChakraPetch-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-SemiBold.woff2') format('woff2'),
        url('Fonts/ChakraPetch-SemiBold.woff') format('woff'),
        url('Fonts/ChakraPetch-SemiBold.ttf') format('truetype'),
        url('Fonts/ChakraPetch-SemiBold.svg#ChakraPetch-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-Regular.eot');
    src: url('Fonts/ChakraPetch-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-Regular.woff2') format('woff2'),
        url('Fonts/ChakraPetch-Regular.woff') format('woff'),
        url('Fonts/ChakraPetch-Regular.ttf') format('truetype'),
        url('Fonts/ChakraPetch-Regular.svg#ChakraPetch-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-SemiBoldItalic.eot');
    src: url('Fonts/ChakraPetch-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-SemiBoldItalic.woff2') format('woff2'),
        url('Fonts/ChakraPetch-SemiBoldItalic.woff') format('woff'),
        url('Fonts/ChakraPetch-SemiBoldItalic.ttf') format('truetype'),
        url('Fonts/ChakraPetch-SemiBoldItalic.svg#ChakraPetch-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-Medium.eot');
    src: url('Fonts/ChakraPetch-Medium.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-Medium.woff2') format('woff2'),
        url('Fonts/ChakraPetch-Medium.woff') format('woff'),
        url('Fonts/ChakraPetch-Medium.ttf') format('truetype'),
        url('Fonts/ChakraPetch-Medium.svg#ChakraPetch-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-Light.eot');
    src: url('Fonts/ChakraPetch-Light.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-Light.woff2') format('woff2'),
        url('Fonts/ChakraPetch-Light.woff') format('woff'),
        url('Fonts/ChakraPetch-Light.ttf') format('truetype'),
        url('Fonts/ChakraPetch-Light.svg#ChakraPetch-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-Italic.eot');
    src: url('Fonts/ChakraPetch-Italic.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-Italic.woff2') format('woff2'),
        url('Fonts/ChakraPetch-Italic.woff') format('woff'),
        url('Fonts/ChakraPetch-Italic.ttf') format('truetype'),
        url('Fonts/ChakraPetch-Italic.svg#ChakraPetch-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-MediumItalic.eot');
    src: url('Fonts/ChakraPetch-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-MediumItalic.woff2') format('woff2'),
        url('Fonts/ChakraPetch-MediumItalic.woff') format('woff'),
        url('Fonts/ChakraPetch-MediumItalic.ttf') format('truetype'),
        url('Fonts/ChakraPetch-MediumItalic.svg#ChakraPetch-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chakra Petch';
    src: url('Fonts/ChakraPetch-LightItalic.eot');
    src: url('Fonts/ChakraPetch-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('Fonts/ChakraPetch-LightItalic.woff2') format('woff2'),
        url('Fonts/ChakraPetch-LightItalic.woff') format('woff'),
        url('Fonts/ChakraPetch-LightItalic.ttf') format('truetype'),
        url('Fonts/ChakraPetch-LightItalic.svg#ChakraPetch-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('Fonts/Dosis-Medium.eot');
    src: url('Fonts/Dosis-Medium.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Dosis-Medium.woff2') format('woff2'),
        url('Fonts/Dosis-Medium.woff') format('woff'),
        url('Fonts/Dosis-Medium.ttf') format('truetype'),
        url('Fonts/Dosis-Medium.svg#Dosis-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('Fonts/Dosis-Light.eot');
    src: url('Fonts/Dosis-Light.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Dosis-Light.woff2') format('woff2'),
        url('Fonts/Dosis-Light.woff') format('woff'),
        url('Fonts/Dosis-Light.ttf') format('truetype'),
        url('Fonts/Dosis-Light.svg#Dosis-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('Fonts/Dosis-Regular.eot');
    src: url('Fonts/Dosis-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Dosis-Regular.woff2') format('woff2'),
        url('Fonts/Dosis-Regular.woff') format('woff'),
        url('Fonts/Dosis-Regular.ttf') format('truetype'),
        url('Fonts/Dosis-Regular.svg#Dosis-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('Fonts/Dosis-SemiBold.eot');
    src: url('Fonts/Dosis-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Dosis-SemiBold.woff2') format('woff2'),
        url('Fonts/Dosis-SemiBold.woff') format('woff'),
        url('Fonts/Dosis-SemiBold.ttf') format('truetype'),
        url('Fonts/Dosis-SemiBold.svg#Dosis-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('Fonts/Dosis-ExtraBold.eot');
    src: url('Fonts/Dosis-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Dosis-ExtraBold.woff2') format('woff2'),
        url('Fonts/Dosis-ExtraBold.woff') format('woff'),
        url('Fonts/Dosis-ExtraBold.ttf') format('truetype'),
        url('Fonts/Dosis-ExtraBold.svg#Dosis-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('Fonts/Dosis-ExtraLight.eot');
    src: url('Fonts/Dosis-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Dosis-ExtraLight.woff2') format('woff2'),
        url('Fonts/Dosis-ExtraLight.woff') format('woff'),
        url('Fonts/Dosis-ExtraLight.ttf') format('truetype'),
        url('Fonts/Dosis-ExtraLight.svg#Dosis-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dosis';
    src: url('Fonts/Dosis-Bold.eot');
    src: url('Fonts/Dosis-Bold.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Dosis-Bold.woff2') format('woff2'),
        url('Fonts/Dosis-Bold.woff') format('woff'),
        url('Fonts/Dosis-Bold.ttf') format('truetype'),
        url('Fonts/Dosis-Bold.svg#Dosis-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kdam Thmor Pro';
    src: url('Fonts/KdamThmorPro-Regular.eot');
    src: url('Fonts/KdamThmorPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/KdamThmorPro-Regular.woff2') format('woff2'),
        url('Fonts/KdamThmorPro-Regular.woff') format('woff'),
        url('Fonts/KdamThmorPro-Regular.ttf') format('truetype'),
        url('Fonts/KdamThmorPro-Regular.svg#KdamThmorPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bayer Universal';
    src: url('Fonts/BayerUniversalRegular.eot');
    src: url('Fonts/BayerUniversalRegular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/BayerUniversalRegular.woff2') format('woff2'),
        url('Fonts/BayerUniversalRegular.woff') format('woff'),
        url('Fonts/BayerUniversalRegular.ttf') format('truetype'),
        url('Fonts/BayerUniversalRegular.svg#BayerUniversalRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bauhaus';
    src: url('Fonts/Bauhaus-Bold.eot');
    src: url('Fonts/Bauhaus-Bold.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Bauhaus-Bold.woff2') format('woff2'),
        url('Fonts/Bauhaus-Bold.woff') format('woff'),
        url('Fonts/Bauhaus-Bold.ttf') format('truetype'),
        url('Fonts/Bauhaus-Bold.svg#Bauhaus-Bold') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bauhaus';
    src: url('Fonts/Bauhaus-Italic.eot');
    src: url('Fonts/Bauhaus-Italic.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Bauhaus-Italic.woff2') format('woff2'),
        url('Fonts/Bauhaus-Italic.woff') format('woff'),
        url('Fonts/Bauhaus-Italic.ttf') format('truetype'),
        url('Fonts/Bauhaus-Italic.svg#Bauhaus-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bauhaus';
    src: url('Fonts/Bauhaus-BoldItalic.eot');
    src: url('Fonts/Bauhaus-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Bauhaus-BoldItalic.woff2') format('woff2'),
        url('Fonts/Bauhaus-BoldItalic.woff') format('woff'),
        url('Fonts/Bauhaus-BoldItalic.ttf') format('truetype'),
        url('Fonts/Bauhaus-BoldItalic.svg#Bauhaus-BoldItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Bauhaus';
    src: url('Fonts/Bauhaus-Regular.eot');
    src: url('Fonts/Bauhaus-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/Bauhaus-Regular.woff2') format('woff2'),
        url('Fonts/Bauhaus-Regular.woff') format('woff'),
        url('Fonts/Bauhaus-Regular.ttf') format('truetype'),
        url('Fonts/Bauhaus-Regular.svg#Bauhaus-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



* {
	box-sizing: border-box;
}

a {
    background: linear-gradient(90deg, rgba(255, 55, 0,1) 30%, rgba(255, 136, 0,1) 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    word-wrap: break-word;
    font-family:bauhausItalic;
    font-size: 3vw;
    padding-right:10px;
}

/* unvisited link */
a:link {
    background: linear-gradient(90deg, rgba(255, 55, 0,1) 30%, rgba(255, 136, 0,1) 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    word-wrap: break-word;
}

/* visited link */
a:visited {
    background: linear-gradient(90deg, rgba(255, 55, 0,1) 30%, rgba(255, 136, 0,1) 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    word-wrap: break-word;
}

/* mouse over link */
a:hover {
    background-position: 0 100%;
}

/* selected link */
a:active {
    background-position: 100 0%;
}

.main-title {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
    margin-bottom: -1%;
	width: 75%;
}

.placeholder-slideshow {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	margin-bottom: 3%;
	width: 100%;
}

.slideshow-column {
	float: left;
	/*padding-left: 10px;*/
}

.previous {
	width: 20%;
	background-position: right; 
	background-repeat: no-repeat; 
	background-size: cover; 
	height: 40vw;
	-webkit-mask-image: -webkit-gradient(linear, right center, 
    left center, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	opacity: 95%;
	display: block;
}

.main {
	width: 60%;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover; 
	height: 40vw;
	padding: 0;
}

.next {
	width: 20%;
	background-position: left; 
	background-repeat: no-repeat; 
	background-size: cover; 
	height: 40vw;
	-webkit-mask-image: -webkit-gradient(linear, left center, 
    right center, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	opacity: 95%;
	display: block;
}

.slideshow:after {
	content: "";
	display: table;
	clear: both;
}

.slideshow {
	width:90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	margin-bottom: 0;
}

.transitionimg {

	width:100%;
	height:100%;
	object-fit: cover;
	opacity: 0;

}

#previoustransition {

	object-position: right;

}
#nexttransition {

	object-position: left;

}

.placeholder-player {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	margin-bottom: 3%;
	width: 80%;  
}

.paragraph-div {
	background-image: url("paragraph-divider.png");
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: contain; 
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 0 auto;
	width: 25vw;
	height:5vw;
}

#main_profile {
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    width: 100vw;
    object-fit: cover;
    /*-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
    border-radius:10px;*/
    
}

#subpage_profile {
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100vw;
    object-fit: cover;
    opacity:0.7;
    position:relative;
    /*-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
    border-radius:10px;*/
    
}

#banner-video{
    
    width: 100vw;
    object-fit: cover;
    margin:0;
    padding:0;
    opacity:0.5;
    margin-bottom:-4px;
    
}

#contact-banner-video{
    
    width: 100vw;
    object-fit: cover;
    margin:0;
    padding:0;
    opacity:0.5;
    margin-bottom:-4px;
    max-height:50vh;
    object-position: 100% 0;
    
}

#shows-banner-video{
    
    width: 100vw;
    object-fit: cover;
    margin:0;
    padding:0;
    opacity:0.5;
    margin-bottom:-4px;
    max-height:50vh;
    object-position: 0 30%;
    
}

#music-banner-video{
    
    width: 100vw;
    object-fit: cover;
    margin:0;
    padding:0;
    opacity:0.5;
    margin-bottom:-4px;
    max-height:70vh;
    object-position: 0 50%;
    
}

#home-banner-video{
    
    width: 100vw;
    object-fit: cover;
    margin:0;
    padding:0;
    margin-bottom:-5px;
    opacity:0.8;
    -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(1,0,13,0.727328431372549) 16%, rgba(1,0,15,0.9) 34%, rgba(2,0,36,0.9) 100%);
    height:85vh;
    object-position: 50% 0;
    
}

#subpage-title {
    font-family: 'bauhausItalic';
    color:white;
    font-size: 9.5vw;
    line-height: 1.1;
    text-align: center;
    position: absolute;
    padding:0;
    margin:0;
    top:25vw;
    left:10vw;
    z-index:10;
    opacity:0.5;
}

#menu_bar.sticky {
  position: fixed;
  top: 0;
  background-color: rgba(0,0,0,0.9);
}

#menu_bar.sticky-bottom {
  position: fixed;
  bottom: 0;
  background: rgba(0,0,0,1);
  
}


#menu_bar {
    
    z-index:30;
    display: table;
    margin: auto;
    padding: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    /*-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
    overflow: hidden;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom:0;
    border:0;
    min-height:70px;
    
}

#menu_bar a {
    display: table-cell;
  text-align: center;
  padding-right: 14px;
  padding-left: 14px;
  text-decoration: none;
  font-size: 3vw;
  line-height: max(7vh, 70px);
  vertical-align: middle;
  
    background: linear-gradient(90deg, rgba(244,34,157,1) 30%, rgba(70,228,252,1), rgba(255,255,255,1) 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 250% 100%;
    background-position: 100%;
    transition: background-position 350ms ease;
    word-wrap: break-word;
    font-family:'Bauhaus';
    font-weight:bold;
    
}

/* unvisited link */
#menu_bar a:link {
    background: linear-gradient(90deg, rgba(244,34,157,1) 30%, rgba(70,228,252,1), rgba(255,255,255,1) 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 250% 100%;
    background-position: 100%;
    transition: background-position 350ms ease;
    word-wrap: break-word;
}

/* visited link */
#menu_bar a:visited {
    background: linear-gradient(90deg, rgba(244,34,157,1) 30%, rgba(70,228,252,1), rgba(255,255,255,1) 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 250% 100%;
    background-position: 100%;
    transition: background-position 350ms ease;
    word-wrap: break-word;
}

/* mouse over link */
#menu_bar a:hover {
    background-position: 0 100%;
}

/* selected link */
#menu_bar a.active {
    background-position: 0 100%;
    background: linear-gradient(90deg, rgba(255,0,104,1) 30%, rgba(70,228,252,1), rgba(255,255,255,1) 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 250% 100%;
    transition: background-position 1000ms ease;
}
#menu_bar a.active:hover {
    background-position: 100% 0%;
}


#page_content {
    background-color:rgba(0, 0, 0, 0.3);
    margin:0;
    
}

.page_offset {
    
    padding-top: max(7vh,70px);
    
}

#content-spacer {
    
    margin:0;
    padding-top: max(7vh,70px);
    
}

#music-content-spacer {
    
    margin:0;
    padding-top: max(7vh,70px);
    
}

#end-fade {
    
    height:9vh;
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 18%, rgba(0,0,0,0) 100%);
    margin-bottom:4vh;
    
}

#end-fade p {
    
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color:rgba(255,255,255,0.2);
    font-size:1.4vw;
    
}

.paragraph-div {
    background-image: url("paragraph-divider.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    width: 25vw;
    height:5vw;
}

.paragraph {
    margin-left: 5%;
    margin-right:5%;
    padding-top:0;
    margin-bottom: 0;
    text-indent: 25px;
}

.video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    margin-bottom: 3%;
    width: 72vw;
    height: 40.5vw;
    border-radius:10px;
}

.band-sketch {
    display: block;
      margin-left: auto;
      margin-right: auto;
    margin-top: -7%;
     margin-bottom: -3%;
     width: 80%;
}

.show-column {
    float: left;
    padding-left: 10px;
}

.venue {
    width: 38%;
}

.location {
    width: 25%;
}

.date {
    width: 37%;
}

.shows-list:after {
    content: "";
    display: table;
    clear: both;
}

.shows-list {
    margin-top:-5%;
}
.shows-list h2 {
    font-family: bellerose;
    color:white;
    line-height: 0.5;
    font-size: 3vw;
}

.album-info-column {
    float: left;
    width:50%;
}

.album-info:after {
    content: "";
    display: table;
    clear: both;
}

.album-info {
    margin-top:1%;
    padding-bottom: 10%;
}

.album-title {
    margin-top: 10%;
    margin-bottom: -15%;
    text-align: left;
    font-size: 9vw;
    font-family:bauhaus;
}

.album-title-left {
    margin-top: 10%;
    text-align: right;
    font-size: 9vw;
    font-family:bauhaus;
}

.album-date {
    margin-top: 10%;
    margin-bottom:0;
    text-align: left;
    font-size: 8vw;
    font-family:bauhaus;
}

.album-date-right {
    margin-bottom:0;
    text-align: right;
    font-size: 8vw;
    font-family:bauhaus;
}

.album-link {
    margin-bottom:0;
    text-align: right;
    font-size: 5vw;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.album-link-left {
    margin-bottom:0;
    text-align: left;
    font-size: 5vw;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.album-year {
    margin-left: 25%;
    font-size: 6vw;
}

.cover-art {
    display: block;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    margin-left: 10%;
     width: 75%;
}

.media-links-column {
    float: left;
}

.media-links:after {
    content: "";
    display: table;
    clear: both;
}

.media-links {
    margin-top:10%;
    margin-left: 25%;
    margin-bottom: 3%;
}

.media-link {
    margin-top:0.4%;
    padding-right:3.5vw;
}

.media-link-icon {
    height:10vw;
    margin-bottom: 0;
    float:left;
}

.media-link-icon:hover {
    
    opacity:70%;
    
}

.home-media-links:after {
    content: "";
    display: table;
    clear: both;
}

.home-media-links {
    margin-bottom: 3%;
    padding-left:8%;
    padding-top:8%;
}

.home-media-links-short {
    margin-bottom: 3%;
    padding-left:4%;
    padding-top:8%;
}

.music-media-links:after {
    content: "";
    display: table;
    clear: both;
}

.music-media-links {
    margin-bottom: 3%;
    padding-left:8%;
    padding-top:8%;
}

.contact-info-column {
    float: left;
}

.contact-info:after {
    content: "";
    display: table;
    clear: both;
}

.contact-info {
    margin-top:10%;
    margin-left: 14%;
    margin-bottom: 3%;
}

.contact-link {
    position:absolute;
    margin-top:0.4%;
    padding-right:5%;
}

#email {
    width:55%;
    text-align: left;
}

#phone {
    width:45%;
    text-align: left;
}

.link-icon {
    padding-top:0.5%;
    width:10%;
    margin-bottom: 0;
    float:left;
}

.epk-download {
    font-family:bauhausItalic;
    font-size: 3vw;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.player {
    font-family: bauhausItalic;
    margin-top: 5%;
     margin-bottom: 3%;
}

body {
	background-image: url("background.png");
	background-color: #000000;
	width: 100vw;
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	margin: 0;
	padding: 0;
}

p {
	font-family: 'bellerose';
	color:white;
	font-size: max(3.5vh,1.8vw);
	line-height: 1.4;
    margin-top:0;
    margin-bottom:0;
}

h1 {
    font-family: imperialScript;
    color:white;
    font-size: 9.5vw;
    line-height: 1.1;
    text-align: center;
}
h2 {
	font-family: 'bauhausItalic';
	color:white;
	font-size: 3vw;
	line-height: 1.1;
	text-align: center;
}

#shows-container h1 {
    
    margin:0;
    padding:1vw;
    font-size:8vw;
    
}

#shows-container a {
    
    margin:0;
    padding:1vw;
    
    
}

#shows-container h3 {
    
    text-align:center;
    font-size: 2vw;
    padding-right: 14px;
    padding-left: 14px;
    text-decoration: none;
    font-family:'bauhausItalic';
    font-weight:bold;
    color:white;
    
}
#shows-container h3 a {
    
    text-align:center;
    font-size: 2vw;
    
}
#shows-container p {
    
    text-align:center;
    padding-bottom: 3vw;
    
}

#shows-description {
    
    text-align:center;
    padding-bottom:5vw;
    
}

#contact-page-email {
    text-align: center;
    padding-top:4vw;
}
#contact-page-link {
    
    margin:10px;
    
    
}

#end-spacer {
    
    padding-bottom:10vw;
    
}

#announcement-title {
    font-family: 'Arastin Std';
    color:white;
    font-size: 10vh;
    width:100vw;
    text-align: center;
    position: absolute;
    padding:0;
    margin:0;
    bottom:8vh;
    z-index:12;
    opacity:0.7;
}

#announcement-title-outline {
    font-family: 'Arastin Std';
    color:rgba(0,0,0,0);
    font-size: 10vh;
    width:100vw;
    text-align: center;
    position: absolute;
    padding:0;
    margin:0;
    bottom:8vh;
    z-index:10;
    opacity:1;
    /*text-shadow: -1.5px -1.5px 0 white, 1.5px -1.5px 0 white, -1.5px 1.5px 0 white, 1.5px 1.5px 0 white;*/
    -webkit-text-stroke-width: 3px;
      -webkit-text-stroke-color: white;
    mix-blend-mode: exclusion;
}


@media (max-aspect-ratio: 2/2){ /*Portrait*/
	.previous {
		display: none;
	}
	.next {
		display: none;
	}
	.main {
		margin-left: auto;
		margin-right: auto;
		/*margin-top:-5vh;
		margin-bottom:-5vh;*/
		padding: 0;
		padding-left:none;
		width:100vw;
		height:75vh;
        margin:0;
		/*-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);*/
		/*-webkit-mask-image: radial-gradient(ellipse at center 49%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 69%);*/
        /*-webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(1,0,13,0.65) 25%, rgba(1,0,15,0.65) 34%, rgba(2,0,36,0.7) 100%);*/
        -webkit-mask-image: url('mask.png');
		-webkit-mask-size: 100%;
		-webkit-mask-repeat: no-repeat;
	}
    .slideshow-column {
        float: none;
    }
    .slideshow {
        margin-left: 0;
    }
    .main-title {
        width: 90%;
    }
    .video {
        width: 90vw;
        height: 50.75vw;
    }
    .paragraph-div {
        width: 45vw;
        height:5vw;
    }
    p {
        font-size: 3vh;
    }
    .shows-list {
        margin-left:4%;
    }
    .band-sketch {
         width: 93%;
    }
    .contact-link {
        font-size: 4vw;
    }
    .epk-download {
        font-size: 4.7vw;
        padding-bottom: 25%;
    }
    .contact-info {
        margin-top:10%;
        margin-left: 4%;
        margin-bottom: 7%;
    }
    #email {
        width:60%;
        text-align: left;
    }
    
    #phone {
        width:40%;
        text-align: left;
    }
    a {
        background: linear-gradient(90deg, rgba(255, 55, 0,1) 30%, rgba(255, 136, 0,1) 60%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 100%;
        transition: background-position 275ms ease;
        word-wrap: break-word;
        font-family:bauhausItalic;
        font-size: 3vw;
    }
    
    /* unvisited link */
    a:link {
        background: linear-gradient(90deg, rgba(255, 55, 0,1) 30%, rgba(255, 136, 0,1) 60%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 100%;
        transition: background-position 275ms ease;
        word-wrap: break-word;
    }
    
    /* visited link */
    a:visited {
        background: linear-gradient(90deg, rgba(255, 55, 0,1) 30%, rgba(255, 136, 0,1) 60%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-size: 200% 100%;
        background-position: 100%;
        transition: background-position 275ms ease;
        word-wrap: break-word;
    }
    
    #menu_bar a {
        
        font-size:5vw;
        
    }
    
    .shows-list {
        margin-left:0;
    }
    
    #shows-container h1 {
        
        margin:0;
        padding:1vw;
        font-size:14vw;
        
    }
    #shows-container a {
        
        margin:0;
        padding:1vw;
        font-size:6vw;
        
        
    }
    #shows-container h3 a {
        
        text-align:center;
        font-size: 5vw;
        
    }
    #shows-container h3 {
        
        font-size: 5vw;
        
    }
    #contact-page-link {
        text-align: center;
        font-size:6vw;
    }
    #contact-page-email h2 {
        
        font-size:7vw;
        
    }
    
    #home-banner-video {
        
        height:90vh;
        
    }
    #announcement-title {
        font-size: 7vh;
    }

    #announcement-title-outline {
        font-size: 7vh;
    }

}

rgb(210, 87, 255)