* { margin:0; padding: 0; }
body { text-align:center; font-family:verdana, arial, sans-serif;}
.logo img { box-shadow: 0px 20px 50px #000; margin-top: 20px; max-width:100%; width:1000px; }
.live { display:none; }
.live audio {
    width:300px;
    display:block;
    margin:0px auto;
    padding-top:300px;
}

@media only screen and (max-width: 800px) {
	.live audio {
	    padding-top:200px;
	}
}
@media only screen and (max-width: 610px) {
	.live audio {
	    padding-top:160px;
	}
}
.archive-entry {
        padding-top: 20px;
        padding-bottom: 50px;
        background: linear-gradient(#f4f4f4, #ddd);
}
body {
    background:#333;
}
.site-container {
    background: #fff url('/images/SATURDAYFIRST_bottom.jpg') 50% 100%  no-repeat;
    max-width:1900px;
    margin:0 auto;
    min-height: 100vh;
}
.top-background {
    background: #fff url('/images/SATURDAYFIRST_top.jpg') 0% 0%  no-repeat;
    margin:0 auto;
    height:600px;
}
.middle {
    margin-top:-600px;
}
.bot-background {
    padding-bottom:200px;
}
img {
    max-width:100%; 
}
.brand {
    margin:100px auto 50px auto;
}
.past-shows.sticky {
    position: fixed;
    left: 50%;
    margin-top: 200px;
    margin-left: -200px;
    width: 400px;
    bottom: 0;
}
.past-shows img {
    cursor:pointer;
}
.archives {
	background: #f4f4f4;
	height:0;
	display:none;
	transition: width 2s, height 4s;
}
.archives.visible {
	display:block;
}
.archives-container {
	background: #f4f4f4;
	min-height:200px;
}

	audio {

		width: 600px;
		width-max:90% !important;
		border-radius: 50px;
	    }