@media screen and (max-width: 600px){
body{
	margin:0px;
	padding:0px;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	background: left top no-repeat #f3f3ef;
	letter-spacing:.5px;
    background-attachment: fixed;
	color: #000;
}
}

@media screen and (min-width: 601px){
body{
	margin:0px;
	padding:0px;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	background: left top no-repeat #f3f3ef;
	letter-spacing:.5px;
    background-attachment: fixed;
	color: #000;
	overflow:hidden;
}
}
.ctrlv, .ctrlv a{
	letter-spacing:15px;
}

a:link, a:visited {
	color:#000;
	text-decoration: none; 
}

a:hover, a:active, a:focus {
	color: #999;
	text-decoration:none;
}

.mobile_issue {
	width:100%;
	position:relative;
}

.mobile_issue p{
	text-align:center;
}

.mobile_issue img{
	width:90%;
}

* { box-sizing: border-box; }

.issue {
	overflow-x:hidden;
}

.cell {
	padding:0px;
	margin:0px;
	background:url(../img/texture.png);
	text-align:center;
}

.cell_issue3 {
	padding:0px;
	margin:0px;
	background:url(../img/issue3_maintexture.png);
	text-align:center;
}

.first {
	background:none;
}


.flickity-page-dots {
  bottom: 15px;
}

.flickity-button {
  background: transparent;
}

.toc {
	width:320px;
	margin-left:auto;
	margin-right:auto;
}

.toplinks a, .covertext, .covertext a{
	color:#632256;
	/*-webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #120200;*/
}

.toplinks a:hover, .covertext a:hover{
	color:#b03a85;
}

.closeBio{
	float:right;
	font-size:20pt;
}

.altTitle{
	font-size:10pt;
	width:250px;
	margin:auto;
	padding-top:10px;
}

.soundTitle{
	font-size:16pt;
	width:250px;
	margin:auto;
	padding-top:10px;
}

.contribName{
	font-size:40pt;
	margin:0px;
}

.mobile_issue .contribName{
	font-size:24pt;
	margin:0px;
	text-align:center;
	padding:250px 0px;
}

.mute {
	position:absolute;
	opacity:0.9;
	width:70px;
	padding:14px 0px 0px 17px;
	height:50px;
	left:5px;
	bottom:30px;
	text-align:center;
	z-index:2;
}

.mute button{
	border:none;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	background:url(../img/mutebutton.png);
	width:70px;
	height:50px;
}

.mute button:hover{
	background:url(../img/mutebutton_o.png);
}

.mobilefront {
	position:fixed;
	opacity:0.9;
	padding:6px 10px 0px 12px;
	right:5px;
	bottom:30px;
	text-align:center;
	z-index:2;
}

.front {
	position:fixed;
	opacity:0.9;
	padding:6px 6px 0px 12px;
	right:5px;
	bottom:30px;
	text-align:center;
	z-index:2;
}

.mobilefront button {
	border:none;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	background:url(../img/topbutton.png);
	width:35px;
	height:36px;
	font-size: 10pt;
}

.front button {
	border:none;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	background:url(../img/frontbutton.png);
	width:70px;
	height:72px;
}

.front button:hover{
	background:url(../img/frontbutton_o.png);
}

.mobilefront button:hover{
	background:url(../img/topbutton_o.png);
}


.bioText a{
	text-decoration: underline;
}

.bioText a:hover, a.closeBio{
	text-decoration: none;
}

@media screen and (max-width: 600px){
	
	.bioText {
		text-align:left;
		padding-top:0px;
		width:90%;
		margin:auto;
		font-size:12pt;
	}
	
	.flickity-button {
	  display:none;
	}

}

@media screen and (min-width: 601px) {
	
	.bioText {
		text-align:left;
		width:550px;
		margin:auto;
		font-size:14pt;
	}
	
	.flickity-button {
	  display:;
	}
}