@charset "UTF-8";
/* CSS Document */


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * General + Main Container
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

::selection			{ background: #0079c1; color:#ffffff; }
::-moz-selection	{ background: #0079c1; color:#ffffff; }

a:link { text-decoration:none; color:#4357D4; }
a:visited { text-decoration:none; color:#4357D4; }
a:hover { text-decoration:none; color:#232323; }
a:active { text-decoration:none; color:#232323; }

@font-face {
font-family: "AdieuBackslant";
src: url("typo-adieu/GTFAdieuTRIAL-RegularBackslant.otf")
}

@font-face {
font-family: "AdieuSlanted";
src: url("typo-adieu/GTFAdieuTRIAL-RegularSlanted.otf")
}

@font-face {
font-family: "American-Regular";
src:url("typo-american/AmericanGrotesk-Regular.otf")
}

@font-face {
font-family: "Fuji";
src:url("typo-fuji/Fuji-Bold.otf")
}


html {
    position: relative;
    height: 100%;
}

body {
  background-color:#fcf5d9;
  margin:0;
  padding:0;
  height: 100%;
}

h1 {	
  font-family: 'Fuji', Arial, sans-serif;
  color:#e30613;
  text-transform:uppercase;
  font-size:144px;
  line-height:90px;
  margin:0;
  padding:0;
  letter-spacing: 1px;
}

h2 {	
  font-family: 'AdieuBackslant', Arial, sans-serif;
  color:#232323;
  text-transform:uppercase;
  font-size:30px;
  line-height:30px;
  margin:0;
  padding:0;
  letter-spacing: 1px;
}

#paleh1 {
  color:#ebceca;	
}

h3 {	
  font-family: 'AdieuSlanted', Arial, sans-serif;
  color:#fcf5d9;
  font-size:28px;
  text-transform:uppercase;
  line-height:28px;
  margin:0;
  padding:0;
  letter-spacing: 2px;
}

h4 {	
  font-family: 'AdieuBackslant', Arial, sans-serif;
  color:#232323;
  font-size:16px;
  text-transform:uppercase;
  line-height:22px;
  margin:0;
  padding:0;
}

h5 {	
  font-family: 'AdieuSlanted', Arial, sans-serif;
  color:#fcf5d9;
  font-size:16px;
  text-transform:uppercase;
  line-height:22px;
  margin:0;
  padding:0;
}

h6 {	
  font-family: 'AdieuSlanted', Arial, sans-serif;
  color:#4357D4;
  font-size:14px;
  text-transform:uppercase;
  line-height:22px;
  margin:0;
  padding:0;
}

h7 {	
  font-family: 'AdieuSlanted', Arial, sans-serif;
  color:#a8a391;
  font-size:10px;
  text-transform:uppercase;
  line-height:20px;
  font-weight:100;
}

.minititle {	
  font-family: 'AdieuBackslant', Arial, sans-serif;
  color:#0079c1;
  font-size:16px;
  margin:5px 0 0 0;
  font-weight:300;
  padding:0;
}

.minititle2 {	
  font-family: 'AdieuSlanted', Arial, sans-serif;
  color:#0079c1;
  font-size:16px;
  margin:5px 0 0 0;
  font-weight:300;
  padding:0;
}

#greytext {	
  font-family: 'American-Regular', Arial, sans-serif;
  color:#5e5e5e;
  font-size:16px;
  line-height:18px;
  padding:4px 0 0 0;
}

#margin {
  font-size:14px;
  line-height:28px;
}

.clear {
	clear:both;
}

.invisible {
	display:none;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Header
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.social-media-container {
	margin:0 0 46px 0;
	padding-top: 20px;
	color:#fcf5d9;
}

.social-media {
	float: left;
	margin-right: 10px;	
}

#last {
	margin-right: 0;	
}

.social-media:hover {
	color: #ffffff;
	filter: brightness(0%);
}

.mailing-list {
	float: right;
    margin:0 0 30px 0;
    color:#fcf5d9;
}

.txtbox {
  	font-family: 'American-Regular', Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	margin-left: -20px;
	margin-right: 25px;
	text-align: left;
	border:none;
	padding:8px 8px 8px 14px;
	width:160px;
	color:#474746;
	background:#ffffff; /* Fall-back for browsers that don't support rgba */
    background:ffffff;
	border-radius: 25px;
}

.txtbox:focus {
	outline:0;
}

.button {
  	font-family: 'American-Regular', Arial, sans-serif;
	background-color:#4357d4;
	font-size: 14px;
	border:none;
	padding:8px 10px 8px 11px;
	color:#fcf5d9;
	border-radius: 25px;
	margin-left: -20px;
}

.button:hover {
	background-color: #232323;
	cursor: pointer;
}

.link  {
	padding-top:40px;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Content
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.maincontainer {
  width: 100%;
  display: flex;
  justify-content: center;
}

.clear {
	clear: both;
}

.img  {
  margin:30px 30px 30px 30px;	
  float:left;
  width: auto;
  text-align: right;
}

.title  {
  margin:30px 30px 30px 0;	
  float: left;
}

.albumtitle {
  float: left;
  margin-top: 12px;
}

.albumout {
  float: right;
  text-align: center;
  margin-top: 16px;
  background-color: #4357D4;
  border-radius: 50%;
  width: 160px;
  height: 160px;
}

.listen01 {
  text-align: left;
  margin-top: 30px;
}

.concerts {
  background-color: #e30613;
  padding: 20px;
  text-align: left;
  margin-top: 20px;
}

.concerts a:link { text-decoration:none; color:#fcf5d9; }
.concerts a:visited { text-decoration:none; color:#fcf5d9; }
.concerts a:hover { text-decoration:none; color:#fcf5d9; background-color: #232323; }
.concerts a:active { text-decoration:none; color:#fcf5d9; background-color: #232323; }

.contact {
  text-align: left;
  margin: 40px 60px 0 0;
  float: left;
  font-family: 'American-Bold', Arial, sans-serif;
  font-size: 12px;
  color:#232323;

}

.booking {
  text-align: left;
  margin: 40px 0 0 0;
  float: left;
  font-family: 'American-Bold', Arial, sans-serif;
  font-size: 12px;
  color:#232323;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Mobile
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

@media all and (max-width: 800px) {
	
.header {
	background-color:#ffffff;
}
	
}