body{
	margin:0px;
	padding:0px;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	letter-spacing:.5px;
    background-image: url('../img/issue14_grid.jpg');
	color: #303c3a;
}

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

.home button {
	border:none;
	font: 100%/1.2 'Josefin Sans', 'Alegreya Sans SC', 'Trebuchet MS', Helvetica, sans-serif;
	background:url(../img/topbuttonnew1.png) 90%;
	opacity:1;
	width:65px;
	height:66px;
	font-size: 13pt;
}

.home button:hover{
	opacity:0.6;
}

.cover {
	background-image:url('../img/issue14_cover.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	background-size:cover;
	position:fixed;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px; 
	z-index:3;
	text-align:center;
}
.covergone {
	display:none;
}

#cover a.coverlink{
	position:relative;
	color:#1b5479;
	font-size:40pt;
	top:40%;
}

#cover a.coverlink:hover{
	color:#287fb6;
}

#cover a.fulllink{
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	z-index:-1;
}

.animateOut {
  animation: fadeOut 500ms ease-out backwards;
}

.animateIn {
  animation: fadeIn 500ms ease-out;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


@media screen and (max-width: 400px){
.contributorhub{
	margin-left:0px;
	font-size:30pt;
	width:400px;
	z-index:1;
	position:absolute;
}
.title{
	margin-left:0px;
	width:350px;
}
.toc {
	width:350px;
	margin-left:0px;
}
.network{
	z-index:-1;
	position:absolute;
	padding:0px 0px 0px 0px;
}
.toplinks{
	 position:;
}
}
@media screen and (min-width: 401px){

.contributorhub{
	margin-left:100px;
	font-size:30pt;
	width:400px;
	z-index:1;
	position:absolute;
}
.title{
	margin-left:70px;
	width:410px;
	padding-top:80px;
}
.toc {
	width:410px;
	margin-left:70px;
}
.network{
	z-index:-1;
	position:absolute;
	padding:0px 800px 500px 0px;
}
.toplinks{
	 position:fixed;
}
}

.contributorhub span, .contributorhub p {
	font-size:12pt;
}
.ctrlv, .ctrlv a{
	letter-spacing:15px;
	font-size:30pt;
}

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

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

* { box-sizing: border-box; }

.toplinks a, .covertext, .covertext a, .slidearrow a{
	color:#303c3a;

}

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

.contribnotes{
	height:400px;
}

.last{
	vertical-align:middle;
	width:100%;
}

.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:30pt;
	margin:0px;
}

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



.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;
		margin:auto;
		font-size:12pt;
	}

	.flickity-button {
	  display:none;
	}

}

@media screen and (min-width: 601px) {

	.bioText {
		text-align:left;
		margin:auto;
		font-size:14pt;
	}

	.flickity-button {
	  display:auto;
	}
}