body {
	margin:0;
	padding:0;
	background: #e53428;
	
}

header {

	background: #262e20;
	width: 100%;
	height: 62px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;

}

#logo{

	margin: 1.3rem 0 0 2rem;
	float: left;
	width: 263px;
	height: 50px;
	background: url(../img/logo_tad.png) no-repeat center;
	background-size:cover;
	display: block;

}

nav {

	float: right;
	padding: 1rem 1rem 0px 0px;
	margin-top: -0.1rem;
	
}

#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background: #ffcf38 url(http://trophyeyesmusic.com/img/menu-icon.png) center;

}

a:hover#menu-icon {

	background-color: #ffcf38;

}

ul {

	list-style: none;

}

li {

	display: inline-block;
	float: left;
	padding-right: 15px;
	text-transform:uppercase;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;

}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */

section#top{
	min-height: 100vh;
	min-width: 100vv;
	text-align: center;
}

#freedom{
	width: 80%;
	max-width: 650px;
}
.something-semantic {
  display: table;
  z-index: 1;
  width: 100%;
  height: 100vh;
}
.something-else-semantic {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
margin: 0px auto 0px;
}

/* END Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */


section {

	margin: 0px auto 0px;
	position: relative;
	padding: 0px;
}

#wrapper {
	width:100%;
	height:100%;
}

#content {
	max-width: 980px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0%;

}

.logo {
	width:100%;	
}

#photo {
	margin-top:-0rem;
	max-width:980px;
	margin-bottom:2rem;
}

#logo_big {
	margin-top:10rem;
	max-width:850px;
	margin-bottom:4rem;
}

#hurt {
	max-width:500px;
	width: 80%;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#socialsmedia {
	text-align:center;
}

.socials {
	height:50px;
	padding:0 2% 5% 2%;
}

.logos {
	height:60px;
	padding:0 1rem;
}


a:link.navtext {
	color: #ffcf38;
	font-family:'Conv_ONYX', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:40px;
	letter-spacing:1px;
	font-weight:100;
}

a:link.navtext:hover {
	color: #e53428;
	text-decoration: none;
}

/* unvisited link */
a:link {
    color: #ffcf38;
	font-weight:bold;
	text-decoration:none;
}

/* visited link */
a:visited {
    color: #ffcf38;
}

/* mouse over link */
a:hover {
color: #e53428;
text-decoration: none;}

/* selected link */
a:active {
    color: black;
}

.garamonditalic{
	font-family: 'Garamond-Italic';
	text-transform: lowercase;
	font-weight: 400;
	font-size: 3rem;}


#chlorine {
	margin-top: 1.5rem;
	margin-right: 0;
	margin-left: 0;
	max-width: 200px;
}

#tourimg {
	width:100%;
	max-width:550px;
	padding:4rem 0;
}

.ticketlink {
	margin-top:-10rem;
	font-family: 'Garamond-Bold';
}

hr { 
    display: block;
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto;
    border-style:solid;
    border-width: 3px;
	border-color:#ffcf38;
}

.chemfont {
font-family:'Conv_ONYX', Helvetica, Arial, sans-serif; 
font-size:10rem; 
font-weight:100; 
line-height:50%;
	padding-top: 3rem;
}

.newfont {
font-family:'Conv_ONYX', Helvetica, Arial, sans-serif; 
font-weight:100;
padding-top: 3rem;
line-height: 6rem;
}

.tix {
	margin-top: 3.8rem;
}

#headline {
font-family:'Conv_ONYX', Helvetica, Arial, sans-serif; 
font-size:15rem; 
font-weight:100; 
line-height:50%;
	padding-top: 3rem;
	padding-bottom: 3rem;
}


/*MEDIA QUERY*/
@media (max-width : 755px) {
	
	.tix {
		margin-top: 1rem;
	}
	
	.newfont {
		padding-top: 0rem;
	}
	
	.values {
margin: 0rem auto -10rem;
}
	
	#photo {
	margin-top:0rem;
		width:100%;
	max-width:500px;
	margin-bottom:2rem;
}

	#logo_big {
	margin-top:10rem;
		width:100%;
	max-width:500px;
	margin-bottom:2rem;
}
	
	
	.chemfont {
font-family:'Conv_ONYX', Helvetica, Arial, sans-serif; 
font-size:10rem; 
font-weight:100; 
line-height:80%;
}
	
	#headline {
font-family:'Conv_ONYX', Helvetica, Arial, sans-serif; 
font-size:12rem; 
font-weight:100; 
line-height:80%;
}
	
	.date {
	text-align:center;
	}
	
	
	header {

		position: absolute;

	}

	#menu-icon {

		display:inline-block;

	}

	nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 20px;
		background: #262e20;
		border: 2px solid #ffcf38;
		right: 10px;
		top: 63px;
		width: 50%;
		border-radius: 0px 0 0px 0px;

	}

	nav li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;

	}

	nav:hover ul {

		display: block;

	}
	
	.garamonditalic{
	font-family: 'Garamond-Italic';
	text-transform: lowercase;
	font-weight: 400;
	font-size: 2.5rem;}
}

#tropho span {
	color: #ffcf38;
}