body, html {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: #ff9c04;
	color: #fff;
	min-height: 100%;

}

h1, h4 {
	color: #353535;
}
h1,h2,h3,h4,h5 {
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
}

.container {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}

header {
	position: relative;
	padding-top: 5%;
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #353535;
}

header h1 {
	margin: 0;
	padding: 0;
}

.info {
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #353535;
}
.info h2 {
	padding: 0 150px;
	font-weight: 300;
	font-size: 30px;
	margin: 0;
}
.info h2 span {
	font-weight: 700;
}
.info p {
	padding: 0 90px;
}

.tour-dates {
	padding: 30px 20px;
}

.tour-dates h3 {
	color: #fff;
	margin: 0 auto;
}

.tour-date {
	margin-top: 30px;
}

.tour-date h4 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}

.tour-date h5 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 300;
}
.tour-date h6 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: 400;
}

.final-show {
	margin-top: 30px;
	background: #353535;
	padding: 20px;
}

.final-show h3 {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}


.final-show .tour-date h4 {
	color: #fff;
	font-size: 30px;
}

.final-show .tour-date h5 { font-size: 36px; }
.final-show .tour-date h6 { font-size: 18px; }


.musical-guest {
	margin: 30px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #fff;
	text-align: center;
}

.musical-guest h6 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
}
.musical-guest h6.artist {
	font-weight: 900;
	font-size: 36px;
	color: #ff9c04;
	margin: 0;
	padding: 0;
}

.md-raised.md-primary.buy-tickets {
	background: #353535;
}
 .md-button.md-primary.md-raised.buy-tickets:not([disabled]):hover {
	background: #f0f0f0;
	color: #353535;
}

footer {
	background: #353535;
	padding: 40px;
	text-align: center;
	margin: 0 20px 60px;
}

footer form {
	margin-top: 20px;
}

footer h2 {
	margin: 0;
	padding: 0;
	font-weight: 300;
}
footer .footnote {
	font-family: 'Exo 2', Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
}

footer h2 span { font-weight: 700; }

footer .md-raised.md-primary:not([disabled]) {
	background: #ff9c04;
	color: #353535;
}
footer .md-button.md-primary.md-raised:not([disabled]):hover {
	background: #fff;
	color: #ff9c04;
}

footer md-select .md-select-value {
	border-bottom-color: #ff9c04;
}

footer .md-input-focused md-select:not([disabled]):focus .md-select-value {
	color: #fff;
	border-bottom-color: #ff9c04;
}

footer md-input-container:not(.md-input-invalid).md-input-has-value label {
	color: #fff;
}

footer md-select .md-select-value.md-select-placeholder {
	color: rgba(255,255,255,0.5);
}

.popup {
	color: #353535;
}
.popup a  {
	color: #ff9c04;
}

.popup md-toolbar:not(.md-menu-toolbar) {
	background: #ff9c04;
	color: #fff;
}
.popup .md-raised.md-primary:not([disabled]) {
	background: #ff9c04;
	color: #353535;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	font-family: 'Exo 2', Arial, Helvetica, sans-serif;
}

.popup .md-button.md-primary.md-raised:not([disabled]):hover {
	background: #353535;
	color: #fff;
}

.popup h1 {
	margin: 0;
	padding: 0;
	font-weight: 700;
}

@media (max-width: 599px) {
	/* Mobile */

	header {
		margin: 0 20px;
		padding: 20px;
	}

	header img {
		width: 60%;
		height: auto;
	}

	.info {
		margin: 0 20px;
		padding: 20px;
	}

	.info h2 {
		font-size: 20px;
		padding: 0;
	}

	.info p {
		padding: 0;
		font-size: 14px;
	}

	.tour-date {
		margin-top: 20px;
	}

	.final-show {
		text-align: center;
	}

	.final-show h3 {
		font-size: 18px;
	}

}