@media (min-width: 481px) {
	.mobile {
		display: none !important;	
	}
}

@media (max-width: 480px) {	
	.mobile a {
		font-weight: bold;
		color: #49352c;
	}
	
	#newsletter-subscribe-form .form-item-email, #newsletter-subscribe-form #subscribe {
		width: 100%;
		margin-bottom: 0;
	}
	
	.preis-tabs ul li a {
		font-size: calc(3vw);
	}
	
	.desktop {
		display: none !important;	
	}
	
	.masonry-item {
		width: 100%;
		margin: 0.5% 0;
	}
	
	.view-blog-entries .masonry-item .node-teaser.node-blog {
		max-width: none;	
	}
	
	.blog-image .field-name-field-image img {
		width: 100%;	
	}
	
	h2.block-title, #block-system-main .field-name-field-contents > .field-items > .field-item > .node-content > h2, .page-blog .page-header, .node-type-blog h3, .page-blog .page-header, .node-type-webform .page-header, h3.page-header {
   	font-size: 11vw !important;
	}
	
	#block-views-branch-block .view-branch > .view-content {
		padding: 15px 0;	
	}
	
	.view-branch .masonry-item {
		margin: 0.5% 0 3.5%;
		width: 100%;
		float: left;
		top: initial !important;
		left: initial !important;
		position: relative !important;
		text-align: center; 
	}
	
	.view-footer .ausbildung {
		height: calc(19vw);
		width: calc(19vw);
		font-size: calc(21vw);
	}
	
	.icon-akademie:before {
		left: calc(-2vw);
		top: calc(2vw);
	}

	.node-type-salon h1 {font-size: 11vw;}
	
}


	
@media (max-width: 360px) {
.nav > li > a {
	padding: 10px 11px;
}
}