/***********************Styling for media queries*******************/
@media screen and (max-width: 800px) {
	h1.site-title, h2.site-title {
		font-size:2.9em;
	}
	
	#container {
		width:93%;
		padding:0 2%;
	}
	
	.post.intro img {
		padding:10px;
	}
	
	.post.shop img {
		width:90%;
	}
	
	.post.publication,.post.artcards {
		width:50%;
		padding:0 47% 0 3%;
	}
	
	#content.page p {
		width:86%;
		padding:0 7% 12px;
	}
	
	#slider {
		width:100%;
		padding:0;
	}
	
	.get_page {
		width:54%;
	}
	
	#intro .post.intro,aside.events {
		padding:0 5%;
		width:90%;
	}
	
	.category-videos #content {
		width:84%;
	}
	.contact {
		width:60%;
	}

}

@media screen and (max-width: 680px) {
	h1.site-title, h2.site-title {
		font-size:2em;
	}
	
	article {
		width:auto;
	}
	
	#navigation ul li a {
		padding:2px 6px;
		font-size:16px;
		white-space:nowrap;
	}
	
	.post.intro img {
		padding:6px;
	}
	
	.post.publication,.post.artcards {
		width:60%;
		padding:0 37% 0 3%;
	}
	
	#content.page p {
		width:94%;
		padding:0 3%;
	}
	
	#slider {
		width:100%;
		padding:0;
		height:338px;
	}
	
	.cover {
		display:none;
	}
	
	.post.shop {
		width:33.3%;
	}
	
	#intro .post.intro,aside.events {
		padding:0 1%;
		width:96%;
	}
	
	.post.intro img {
		width:90%;
	}
	.contact {
		width:80%;
	}
}

@media screen and (max-width: 500px) {
	
	#navigation {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
	
	#container {
		width:92%;
		padding:0 4%;
		margin: 0;
	}	
	
	h1.site-title, h2.site-title {
		font-size:1.8em;
	}
	
	html {
		-webkit-text-size-adjust:none;
	}
	
	header {
		width:auto;
	}
	
	#navigation ul.menu {
		float:left;
		padding-left:2%;
	}
	
	#navigation ul li a {
		padding:1px 3px;
		font-size:16px;
		white-space:nowrap;
	}
	
	#slider {
		height:260px;
	}
	
	.post.intro img {
		padding:4px;
	}
	
	.post.publication,.post.artcards {
		width:76%;
		padding:0 21% 0 3%;
	}
	
	#content.page p {
		width:100%;
		padding:0;
	}
	
	.post.shop {
		width:50%;
	}
	
	.rslides img {
		width:97%;
		border:0;
		border:solid 6px #8b8d8e;
	}
	
	.get_page,#intro {
		width:100%;
	}

	.category-videos #content {
		width:94%;
	}
	.contact {
		width:90%;
	}
	.wpcf7-submit {
		 width:100%;
	}
}