.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
		transition: color 0.2s linear;
	 -o-transition: color 0.2s linear;
text-decoration:none;
}

* {
margin:0;
padding:0;
}

body, html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'Antonio', Arial;
color:#e4e0d7;
background:url(images/bg.jpg) center left repeat fixed;
}

#container {
width:1000px;
margin:0 auto;
padding:20px 0 100px 0;
}

#header {
text-align:center;
margin:30px 0 40px 0;
}

#header img {
max-width:50%;
}

nav#main {
position:absolute;
left:30px;
top:30px;
}

nav#main li {
display:inline;
margin:0 40px 0 0;
font-size:24px;
font-weight:600;
}

nav#main a {
color:#e4e0d7
}

nav#main a:hover {
color:#000;
}


#tourname {
text-align:center;
margin:0 0 20px 0;
}

#tourname img {
max-width:80%;
}



#copy {
color:#000;
font-size:22px;
text-align:center;
}

#copy p.outline {
color:#e4e0d7;
text-transform:uppercase;
font-size:60px;
letter-spacing:-1px;
font-weight:700;
-webkit-text-stroke: 1.5px black;
margin:0 0 10px 0;
}

#copy p {
margin:0 0 20px 0;
font-weight:700;
}

#copy p:last-child {
margin:0;
}


#dates {
margin:40px 0;
}

#dates li {
border-bottom:1px solid;
border-color:rgba(0,0,0,.5);
padding:20px 0;
font-size:21px;
}

#dates .date {
float:left;
width:12%;
}

#dates .city {
float:left;
width:26%;
font-weight:700;
}

#dates .venue {
float:left;
}

.btn {
float:right;
width:30%;
}

.btn ul {
float:right;
}

.btn li {
float:left;
border:0 none !important;
padding:0 !important;
margin:0 0 0 20px;
}

.btn a {
padding:3px 20px 7px 20px;
font-weight:700;
text-transform:uppercase;
background-color:#e4e0d7;
border:2px solid #000;
color:#bc2a19;
text-align:center;
-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
								transition: all 0.3s ease;
}

.btn a:hover {
background-color:#000;
color:#e4e0d7;
}

#dates .support {
clear:both;
font-size:18px;
margin:10px 0 0 38%;
}

#date-content {
float:left;
width:70%;
}


#socials {
margin:0 0 20px 0;
text-align:center;
}

#socials li {
display:inline-block;
margin:0 6px;
font-size:17px;
line-height:100%;
}

#socials li a {
color:#393937;
}

#socials li a:hover {
color:#000;
}


@media all and (max-width:1050px) {
nav#main {
position:relative;
left:0;
top:0;
margin:20px auto 40px auto;
text-align:center;
}

nav#main li {
display:inline;
margin:0 20px;
}

#header img {
max-width:80%;
}

#tourname img {
max-width:100%;
}

#container {
margin:0 7%;
width:86%;
}

#socials li {
display:inline-block;
margin:0 8px;
font-size:22px;
line-height:100%;
}

#dates .date,
#dates .venue,
#dates .city,
#dates .support {
float:none;
text-align:center;
margin:0;
width:100%;
}

#date-content {
float:none;
width:100%;
}

#dates .support {
margin:5px 0 15px 0 !important;
}

.btn {
clear:both;
float:none;
width:100%;
}

.btn ul {
float:none;
}

.btn li {
float:left;
width:47%;
margin:0;
}
.btn li:first-child {
margin:0 3% 0 0;
}

.btn li:last-child {
margin:0 0 0 3%;
}

.btn li a {
display:block;
}


.btn a {
display:block;
width:100%;
padding:4px 0 8px 0;
margin:10px 0 0 0;
}

}



@media all and (max-width:800px) {
#header img {
max-width:100%;
}

.btn li {
float:none;
width:100%;
margin:0;
}

.btn li:first-child {
margin:0 0 10px 0;
}

.btn li:last-child {
margin:0;
}

#socials li {
display:inline-block;
margin:0 7px;
font-size:20px;
}

}