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

@media only screen and (max-width : 1924px) {
	.catalogue {
	min-width: 30vw;
	max-width: 30vw;
	margin-top: -100px;
}
}

@media only screen and (max-width : 1500px) {
	.catalogue {
	min-width: 35vw;
	max-width: 35vw;
	}
	
	.button {
		width: auto;	
	}
}



@media only screen and (max-width : 1150px) {
	.catalogue {
		margin-top: 10px;
	min-width: 35vw;
	max-width: 35vw;
	}
	.advertisements, footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;	
	}
	
	footer {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;	
	}
	
	
	
	.advertisements .format, .advertisements .prices, .advertisements .accounts {
		width: 90%;
		padding-right: 0;
		padding-left: 10%;
		
	}
	
	footer .logo, footer .information, footer .links {
		width: 50%;	
	}
	
	.header {
		height: 550px;	
	}
	.advertisements h3 {
		width: 90%;
	}
	.button {
		font-size: 20px;	
}
}


@media only screen and (max-width : 900px) {
	nav {
		margin: 0 auto;
		width: 100%;
		-ms-flex-pack: distribute;
		    justify-content: space-around;	
	}
	
	.header {
		height: 500px;	
		background-size: cover;
		background-attachment: local;
		background-repeat: no-repeat;
		width: 100%;
	}
	
	.header .logo {
		margin: 0 auto;	
		padding-top: 100px;
		width: 70%;
	}
	.subscription , .pastissues {
		width: 80%;	
	}
	.block {
		display: none;	
	}
	.currentissue {
		margin: 0 auto;	
		background-image: -webkit-gradient(linear, left top, right top, from(#8B0B04), to(#333));	
		background-image: -webkit-linear-gradient(left, #8B0B04, #333);	
		background-image: -o-linear-gradient(left, #8B0B04, #333);	
		background-image: linear-gradient(to right, #8B0B04, #333);
		padding-top: 50px;
		padding-bottom: 20px;
	}
		
	.catalogue {
		margin: 0 auto;	
	}
	.advertisements .format, .advertisements .prices, .advertisements .accounts {
	font-size: 5vw;
	}
}
@media only screen and (max-width : 800px) {
	.header .logo {
		width: 100%;
	}	
	
	.header {
		height: 650px;	
		
	}
	
	.button {
		margin: 0 auto;
		padding: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;	
		margin-top: -50px;
	}
	
	.currentissue {
		height: auto;	
		margin-bottom: 50px;
	}
	.issueflex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;	
	}
	
	
	.issuename {
		margin: 0;
		padding: 0;	
		position: relative;
		padding-left: 100px;
	}
	
	.catalogue {
		min-width: 75%;
		max-width: 75%;
	}
	
	nav a, .subscribebutton {
	font-size: 25px;	
	text-align: center;
}

@media only screen and (max-width : 500px) {
	body {
		background-image: url(Graphics/responsive.png);
		
	}
	
	.header {
		height: 450px;	
		background-size: cover;
		background-attachment: local;
		background-repeat: no-repeat;
		width: 100%;
	}
	
	.catalogue {
	min-width: 100%;
		max-width: 100%;		
	}
footer .logo, footer .information, footer .links {
		width: 90%;	
		text-align: center;
	}
}
}