.issue {
	font-family: proxima-nova,sans-serif;
	font-style: normal;
	font-weight: 400;
}

.issue.mobile {
    margin-bottom: 1em;
}

.issue.desktop.title, .issue.mobile .title {
	background-color: #a93223;
	color: white;
}

.issue.desktop.title {
	position: relative;
	font-size: calc(5px + .9vw);
}

.issue.mobile .title {
	text-align: center;
}

.issue.mobile .title .text {
	font-size: calc(3vw + 1.1vmax);
}

.issue.desktop .subtitle {
	font-size: calc(8px + .45vw);
}

.issue.mobile .subtitle {
	font-size: calc(1.5vw + .6vmax);
}

.issue.desktop .subtitle > .number {
	position: absolute;
    right: 0;
    bottom: 0;
}

.issue.desktop .subtitle > .number > * {
	display: table-cell;
    vertical-align: top;
}

.issue.desktop.dropdown {
	display: block;
	margin: 0 8px;
	padding: 12px 0;
	border-bottom: 2px #a2aaad solid;
}

.issue.mobile .dropdown {
	margin-top: 0.5em;
}

.issue.desktop.dropdown, .issue.desktop.dropdown > select {
	font-size: calc(8px + .45vw);
}

.issue .grouptitle {
	margin: 12px 0;
	color: #a93223;
}

.issue.mobile .grouptitle {
	text-align: center;
}

.issue.content {
	height: 100%;
	max-height: 100%;
	overflow-y: hidden;
}

.issue.desktop .grouptitle > .text {
	font-family: nimbus-roman,serif;
	font-size: calc(5px + .8vw);
}

.issue.mobile .grouptitle > .text {
	font-size: calc(7px + 1.1vw);
    background-color: white;
    padding: 0 2em;
    display: inline;
}

.issue .grouptitle > .line {
    border-bottom: 2px #a2aaad solid;
    height: 0;
}

.issue.mobile .grouptitle > .line {
    margin-top: -.75em;
}

.issue table {
	background-color: #a93223;
    width: 100%;
    border-spacing: 0;
    color: white;
    font-size: calc(5px + .9vw);
    table-layout: fixed;
}

.issue.desktop table {
    font-size: calc(5px + .9vw);
}

.issue.mobile table {
    font-size: calc(10px + 1.8vw);
}

.issue table td {
	padding : 0;
}

.issue.mobile table td#left{
    width: 5%;
}

.issue.desktop table td#left{
    width: 3%;
}

.issue table td#logo{
    width: 15%;
    position: relative;
    background: white;
}

.issue.mobile table td#logo{
    width: 20%;
}

.issue table td#logo > div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.5em;
    right: 0.5em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
/* IE requires explicit height to get background image shown*/
    .issue table td#logo > div {
        height : 2.8em;
    }
}


.issue table td#header {
    padding: 8px 0 8px 2em;
    text-align: left;
}

.issue table td#header.archive {
    text-align: left;
}

.issue.desktop table td#header {
    width: 60%;
}

.issue.mobile table td#header {
    padding: 0.5em;
    text-align: center;
}

.issue td#header > div#header1 {
	font-size : 1em;
    margin-bottom : 0.4em;
}

.issue td#header > div#header2 {
	font-size : 0.9em;
}

.issue.mobile td#header > div#header2 {
    font-size : 0.8em;
}

.issue td#header > div#arrow {
	text-align : center;
    padding-bottom : 0.3em;
}

.issue.desktop.title td#issue > div {
	position : absolute;
    right: 0;
    bottom: 0;
}
.issue.desktop.title td#issue > div > * {
	display: table-cell;
    vertical-align: top;
    font-size: 0.9em;
}

.issue.desktop.title td#issue > div > .number {
	font-size: 1.7em;
	padding: 0 .2em;
}