#progress-bar {
      margin-top: 1em;
      width: 100vw;
      height: 1em;
      background: red;
      transition: 0.3s;
    }
	
img {
	width:100%;
	max-width:40vw;
	min-width:300px;
}

#content {
	width:100%;
/*	max-width:1920px; */
	margin:auto;
/*	height:98vh; */
}

#filecontent {
	color:#fff;
}
#over {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: -1;
	max-width:1920px;
}


#media_window {
	box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 15px;
	/* position:absolute; left:20px; top:20px; */
	text-align:center;
}

body {
	margin:0;
	padding:0;
}

.n-page {
	margin:auto;
	height:100%;
}

.n-container {
	text-align:center;
	height:100%;
}

.n-inner-content {
	height:100%;
}

@media (min-width:760px) {
	.n-container {
		display:flex;
		justify-content: center;
	}
}

.n-century-table {
	height:100%;
}

.n-century-row {
	display:flex;
	text-align:center;
}

.n-century-cell {
	width:100%;
	margin: 10px 0 10px 0;
}

@media (max-width:400px) {
	.n-century-cell {font-size:0.8em;}
}


.n-year-table {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
//	max-width:960px;
}

.n-month-container {
	margin:10px;
}

.n-month-header {
}

.n-month-content {
}

.n-week-container {
	display:flex;
}

.n-month-day {
	flex-basis:14.28%;
	margin:5px;
}


.n-btn {
	text-align:center;
	margin:8px;
	padding:20px 10px;
	border-radius:100%;
	background-image:radial-gradient(rgba(0,0,0,1),40%,rgba(90,90,90,0)); /*#5a5a5a,*/
	min-width:120px;
/*	height:100%;*/
	display:flex;
	align-items:center;
	justify-content:center;
}

a {
	color: #CCC; 
	text-decoration:none;
	text-decoration:none; 
	cursor:pointer;
}
a:visited	{color: #AAA; cursor:pointer;}
a:active  	{color: #DDD; cursor:pointer;}
a:hover  	{color: #FFF; cursor:pointer;}

.dmnu  {
	text-align:center;
	font-size : 11px;
	font-family : Courier New,Courier,Arial,Helv;
	font-style : normal;
	line-height: 110%;
	font-spacing: 100%;
	font-weight : 300;
	color: #ffffff;
	margin:40px;
}