* {
	margin: 0;
}
html, body {
	height: 100%;
}
a {
	text-decoration:none;
	color:#424242;
}
.container{
	font-family: 'Courier', monospace;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
/*NAVIGATION MENU*/
.Nav-main{
	max-width:250px;
	height:auto;
}
.Name-m{
	margin-top:3em;
	margin-bottom:1.3em;
	font-size:0.85em;
	font-weight:bold;
	white-space: nowrap;
}
.Name-m a{
	text-decoration:none;
	color:#1C1C1C;
}

 ul{
	text-decoration:none;
	list-style:none;
	display:flex;
	flex-direction:column;

}
.nav-li{
margin-top:1.6em;
}
.nav-li:hover{
	color:#FF0080;
}

.nav-li a{
	text-decoration:none;
	align-self:auto;
	width:150px;
	height:auto;
	font-size:0.85em;
	color:#1C1C1C;
	}

.nav-li a:active{
	color:#1C1C1C;
	text-decoration: line-through;
}
.nav-li a:hover{
	color:#FF0080;
}

body#Live a#nav-live,
body#Contact a#nav-contact,
body#Sounds a#nav-sounds,
body#About a#nav-about{
	background-color:#F1F5EA;
	padding:2px;
}
/* PAGE CONTENT*/
.content{
	margin-top:3em;
	margin-left:10em;
	font-size:1em;
	max-width:1000px;
	min-width:300px;
	color:#424242;
}

/*EVENTS PAGE*/
#Events{
	text-align:left;
}
#Events td{
	padding:1%;
	min-width:100px;
	max-width:20%;
	border-bottom: solid 1px #F2F2F2;
}

#Past{
	margin-top:2em;
	color:#6E6E6E;
	margin-bottom: 5em;
}
#Past td{
	text-decoration:line-through;
	padding:1%;
	min-width:75px;
	max-width:25%;
	border-bottom: solid 1px #F2F2F2;
}
.With{
	max-width: 350px;

}
.description{
	font-size:0.9em;
}
.Tickets-Btt a{
	color:#FFFFFF;
	background-color:#A4A4A4;
	padding:1%;
	text-decoration:none;
}
.Table-Title{
	font-size:1em;
	text-decoration:none;
	padding:10px;
}
/*HOME PAGE*/
#home-pick{
	margin-top:3%;
	width:70%;
	height:60%;
	padding:2em;
	display:block;
	position:absolute;
	z-index:1;
	background-position:center;
	background: no-repeat scroll;
	background-image:url(./Images/BrittonPowell_home.jpg);
	background-size:contain;
	align-self:center;
}
/*ABOUT PAGE*/
#Bio{
	padding-left:3em;
}
#Bio p{
	max-width:60%;
	min-width:200px;
}

.img-gallery{
	padding-left:30px;
	margin-left:10px;
	margin-top:15%;
}

/*Images*/

#image1{
	background-image:url(./Images/BrittonPowell_sm1.jpg);
	background-size:cover;
}
/*to here*/
#image2{
	background-image:url(./Images/Britton_Powell_sm2.jpg);
	background-size:cover;
}
#image3{
	background-image:url(./Images/Britton_Powell_sm3.jpg);
}


/*SOUNDS PAGE*/
.Soundcloud{
	padding:1em;
	display:flex;
}
/*CONTACT PAGE*/
#contact{
	margin:20%;
	white-space: nowrap;
}
.Social-Media{
	margin-left:20%;
}

@media (min-width:320px) and (max-width:480px){
.Nav-main{
	position:fixed;
	z-index:99;
}

 ul{
	display:flex;
	flex-direction:row;
	width:112%;
	background-color:#FFFFFF;
}
.nav-li{
margin-top:1em;
margin-left:0.5em;
}
.nav-li a{
	padding:3px;
	font-size:12px;
	background-color:#FFFFFF;
	}
.Name-m{
		margin-top:1.2em;
		margin-left:-1em;
		align-self:center;
		padding:2px;
}
.content{
	margin-top:55px;
	margin-left:2%;
	font-size:0.8em;
}
#home-pick{
	margin-top:33%;
	margin-left:0px;
}
#contact{
	margin-top:33%;
	margin-left:15%;
}
.Social-Media{
	margin-left:15%;
}

}
@media (min-width:481px) and (max-width:800px){
.content{
	margin-left:3em;
	font-size:0.9em;
}
	.nav-li{
 margin-left:0px;
}
#contact{
	margin-top:33%;
	margin-left:3%;
}
.Social-Media{
	margin-left:3%;
}
#home-pick{
	margin-top:10%;
	margin-left:5%;
}
}
@media (min-width:801px) and (max-width:980px){
	.content{
	margin-left:3em;
	font-size:0.9em;
}
#home-pick{
	margin-top:10%;
	margin-left:5em;
}