@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1500px) {
	.navigation a {
		padding: 2px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 10px;
	}
	
}


@media only screen and (max-width: 1200px) {
	.navigation {
		display: none;	
	}
	
	.logo {
		z-index: 10;	
	}
	
	.opener {
		display: block;
		position: absolute;
		right: 0;
		top: 0;	
		margin: 25px;
		margin-top: 250px;
		padding: 15px;
		background-color: rgba(0,0,0,0.5);
		color: white;
		font-size: 30px;
	}
	
	.opener:hover {
		cursor: pointer;
		background-color: rgba(255,255,255,0.5);
		color: black;
		}	
		
		.open {
			display: flex;
			position: fixed;
			width: 100%;
			min-height: 100vh;
			background-color: #EC2027;
			color: white;
			flex-direction: column;	
			margin: 0 auto;
			padding: 0;
			align-items: center;
			justify-content: center;
			z-index: 10;
		}
		
		.navigation a {
			padding: 0;	
			width: 100%;
			text-align: center;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		
		.hide {
			display: none;
		}	
		
		.fixed2 {
			position: fixed;
			z-index: 10;
			width: 100%;	
		}
		
		.navigation a:hover {
			background-color: black;	
		}
		
		
	
	.content {
		width: 100%;	
	}
	
	header.small {
		padding-top: 40px;	
	}
	
	header.small h1, header.small h1 strong {
		font-size: 50px;
	}
	
	.salebarntopper {
		width: 100%;	
	}
	
	header.small h1.barn, header.small h1.barn strong {
		font-size: 50px;	
		margin-top: -50px;
		
	}
	
	.memlist {
		column-count: 2;
	}
	
	
}

@media only screen and (max-width: 800px) {
	header {
		min-height: 500px;	
		padding-top: 100px;
	}
	
	header h1 {
			font-size: 50px;
			text-align: center;
	}
	
	header h2 {
			font-size: 30px;
	}
	
	header h2 strong {
		font-size: 35px;	
	}
	
	#content-1, #content-2, #content-3, #content-4 {
		font-size: 30px;
		text-align: center;	
	}
	
	.logo {
		display: none;

	}
	
	footer {
		flex-direction: column;	
		align-items: center;
	}
	.footlogo, .column1 {
		width: 80%;	
	}
	
	.choices, .choices2, .choices3 {
		flex-direction: column;	
		align-items: center;
	}
	
	.choices a, .choices2 a, .choices3 a {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		border: 0;
		outline: 2px solid white;
}
.memlist {
		column-count: 1;
	}
	
	.pastcovers {
		flex-direction: column;
		align-items: center;	
	}
	
	.flexboxes {
		flex-direction: column;	
	}
	
	.halfvertical, .lowlineregister {
		width: 100%;	
		padding: 0;
	}
	
	.lowlineregister {
		border-right: 0;
		border-bottom: 	dashed red 2px;
	}
	
	.topline {
		align-items: center;
		justify-content: center;
		margin: 0;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.topline a{
		display:block;
		text-align:center;
	}
	
}