@media only screen and (max-width: 1000px) {
	.articleWrapper {width: 100%;}
	.column {width: 100%;}
	.row {
		& li {
			&.landingbtn {
				display: block;
				width: 100%;
				margin: 1rem auto;
			}
		}
	}
	.landingbox {display: none;}
	.landingboxalt {display: block;}
	.filtercontent button {width: 40%;}
	.content {width: 95%;}
	.navsocials li, .landingsocials li, .socials li {padding: 0 .1em;}
	button {font-size: 1.3em;}
	.nolnirlanding {font-size: calc(45vh + 2vw);padding: 0 4%;}
	.archiveWrapper {width: 100%;}
	.gallerysizer {width: 33.3%;}
	.gallerygutter {width: 0%;}
	.galleryimg {width: 33.3%;}
	.characters {img {height: 13rem;}}
}

@media only screen and (max-height: 630px) {
	.socials {
		opacity: 0;
		z-index: -100;
	}
}