* {
	box-sizing: border-box;
}
a { color: #66F; }
a:visited { color: #F6F; }
.relative { position: relative; }
.absolute { position: absolute; }
.text-shadow { text-shadow: 2px 2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000; }
.img-disabled { opacity: 0.5; }

@font-face {
	font-family: inkbolt;
	src: url('../fonts/Adigiana_Ultra.ttf');
}

body {
	display: flex;
	background-color: #C0C0C0;
	background-color: #000;
	color: #FFF;
	font-family: inkbolt, sans-serif;
	font-size: 2rem;
}
img.imgfit {
	max-width: 100%;
	height: auto;
}
img.imgblock {
	display: block;
}

#site-container {
	min-width: 100%;
	background-color: #000;
}

#site-logo {
	display: flex;
	justify-content: center;
}

#siteNav-container {
	max-width: 1000px;
	margin: 1.2vh auto;
	display: flex;
	justify-content: space-around;
}
#archive-text-link {
	text-decoration: none;
	color: #FFF;
	font-size: 3vw;
}
.archive-full-reel-container {
    display: flex;
    justify-content: flex-end;
    padding-right: 3px;
    padding-top: 5px;
}


.navLinks-container {
	max-width: 1000px;
	margin: 0.8vh auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.navLinks-group {
	display: flex;
	flex-direction: row;
	/* background-color: #323232; */
}
.navLinks-group-mobile {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	/* background-color: #323232; */
}
.navLinks-section {
	display: flex;
}
#navLinks-container-mobile {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
#navLinks-middle-mobile {
	background-color: #323232;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#navLinks-container-desktop { display: none; }



.nav-comic-container {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
.nav-comic {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 19.5%;
}

#comic-container {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}


#news-container {
	max-width: 1000px;
	margin: 1vh auto 3vh;
	border: 4vw solid transparent;
	border-image: url('/assets/res/border-box.png') 40 round;
}
#news-title {
	font-size: 5vw;
	margin-bottom: 1.5vh;
}
#news-content {
    font-size: 4vw;
}
#news-content p {
	margin-bottom: 1vh;
	line-height: 110%;
}


footer {
	margin-bottom: 1vh;
	text-align: center;
	font-size: 2vw;
}

.space {
	max-width: 1000px;
	margin: 0 auto;
}


.otherPage-container {
	background: url('/assets/res/bg-filmstrip.png') repeat-y;
	background-size: 100% auto;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 6vw;

}
.about-item {
	margin: 2vh auto 3vh;
}

.archive-reel-container {
	margin-bottom: 2vh;
}
.reel-heading {
	display: flex;
	flex-direction: column;
}
.reel-bottom {
	margin-bottom: 4vh;
}
.reel-bottom:last-child {
	margin-bottom: 0;
}
.reel-title {
	background-color: #181818;
	padding-left: 1vw;
}
.reel-thumbnails {
	width: 96%;
	margin: 0 auto;
}
.reel-thumbnails img {
	width: 15vw;
}
.reel-thumbnails-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 1000px;
	padding-top: 25px;
}
.reel-thumbnail {
	margin: 5px;
}
.reel-thumbnail img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}


.about-content {
	margin-top: 0.75vh;
	padding-left: 2%;
}
#cast-title { text-align: center; }
.cast-item-header {
	display: flex;
	flex-direction: row;
	margin-bottom: 1vh;
}
.cast-item-desc { padding: 0 2vw; }
.cast-item-pic {
    display: flex;
	min-width: 250px;
    align-items: center;
}
.cast-item-pic img {
    width: 250px;
}
.cast-item-name {
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding-left: 2vw;
    font-size: 7vw;
}

.font-heading {  }
/*.font-title { font-size: 3.5rem; }
.font-content { font-size: 2.5rem; }*/
.font-title { font-size: 5vw; }
.font-content { font-size: 4vw; }


@media (min-width: 640px) {
	#news-title { font-size: 4.5vw; }
	#news-content { font-size: 3.5vw; }
	.font-title { font-size: 4.5vw; }
	.font-content { font-size: 3.5vw; }
}

@media (min-width: 768px) {
	.reel-thumbnails img { width: 10vw; }
	
	.font-heading {  }
	.font-title {  }
	.font-content {  }
	
	#news-title { font-size: 4vw; }
	#news-content { font-size: 3.5vw; }
}

@media (min-width: 1050px) {
	body {
		justify-content: center;
		background: url('/assets/res/bg-pattern.png') repeat
	}

	#site-container {
		min-width: 1000px;
		max-width: 1000px;
	}

	#navLinks-container-mobile { display: none; }
	#navLinks-container-desktop { display: flex; }

	#news-container {
		max-width: 1000px;
		margin: 2vh auto 3vh;
		border: 40px solid transparent;
		border-image: url('/assets/res/border-box.png') 40 round;
	}

	.font-title { font-size: 3rem; }
	.font-content { font-size: 2rem; }
	#news-title { font-size: 3rem; }
	#news-content { font-size: 2rem; }
	footer { font-size: 1rem; }
	#archive-text-link { font-size: 2rem; }

	.cast-item-desc { padding: 0 2.2%; }
	.cast-item-name { font-size: 64px; }

	.reel-thumbnails img { width: 125px; }
	
}

img { display: block; }