@font-face {
    font-family: 'Cygre-ExtraBold';
    src: url('../fonts/extrabold/cygre-extrabold.eot');
    /* IE 9 Compatibility Mode */
    src: url('../fonts/extrabold/cygre-extrabold.eot?#iefix') format('embedded-opentype'),
        /* IE < 9 */
        url('../fonts/extrabold/cygre-extrabold.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/extrabold/cygre-extrabold.woff') format('woff'),
        /* Firefox >= 3.6, any other modern browser */
        url('../fonts/extrabold/cygre-extrabold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/extrabold/cygre-extrabold.svg#cygre-extrabold') format('svg');
    /* Chrome < 4, Legacy iOS */
}


@font-face {
    font-family: 'Cygre-Light';
    src: url('../fonts/light/cygre-light.eot');
    /* IE 9 Compatibility Mode */
    src: url('../fonts/light/cygre-light.eot?#iefix') format('embedded-opentype'),
        /* IE < 9 */
        url('../fonts/light/cygre-light.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('../fonts/light/cygre-light.woff') format('woff'),
        /* Firefox >= 3.6, any other modern browser */
        url('../fonts/light/cygre-light.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../fonts/light/cygre-light.svg#cygre-extrabold') format('svg');
    /* Chrome < 4, Legacy iOS */
}


.container {
    padding-top: 36px;
    min-height: 100vh;
	overflow: auto;
  	position: relative;
}
.navname{
    padding:0;
}

a{
	color:black;
}

@media (min-width: 1079px) {
	.navcontainer{
		position:absolute;
		margin-top:5%;
		margin-left:5%;
		max-width: 400px;
		background: #E8F2FB;
		border-radius: 20px;
		align-content:center;
	}
}
.page-caption{
    font-family: 'Cygre-ExtraBold';
}


#archive-link{
	font-family: 'Cygre-Light';
	color: #5D75C3;
	
	font-size: 1.7em;
	
	margin-left: auto;
	margin-right: auto;
}

.navitem {
    color: black;
    list-style-type: none;
    padding-bottom:8px;
    padding-top:8px;
    a {
		text-decoration:none;
        background:none;
        border:none;
		padding-right: 39px;
        cursor:pointer;
        font-size: 1.7em;
        font-family: 'Cygre-Light';
        font-weight: 700;
        line-height: 34px;
        text-align: left;
    }
}


.periodical-container{
    margin-left: 32vw;
    margin-top: 5%;
    position: relative;
	max-width: 66%;
}

.tab.active{
    display:block;
}

/* Phones */
@media (max-width: 1079px) {
    #archive-link{
	font-family: 'Cygre-Light';
	color: #5D75C3;
	
	font-size: 3.2em;
	
	margin-left: auto;
	margin-right: auto;
}
	
	.periodical-container{
        margin-left: 10%;
        grid-column: 1;
    	grid-row: 2;
    }
    .gridwrapper{
        display: block;
    }
	.navitem {
		color: black;
		list-style-type: none;
		padding-bottom:26px;
		padding-top:44px;
		a {
			text-decoration:none;
			background:none;
			border:none;
			padding-right: 39px;
			cursor:pointer;
			font-size: 3.2em;
			font-family: 'Cygre-Light';
			font-weight: 900;
			line-height: 58px;
			text-align: left;
		}
	}
	.navcontainer{
			margin-top:8%;
			margin-left:7%;
			max-width: 753px;
			background: #E8F2FB;
			border-radius: 20px;
			align-content:center;
			grid-column: 1;
    		grid-row: 1;
	}
	.container{
		  padding-top: 36px;
		  min-height: 100vh;
		  display: grid;
		  grid-template-columns: repeat(3,auto);
		  gap: 10px;
		  grid-auto-rows: min-content;
	}
}