/*

martinjanda.at Master Styles
Author: roaddsgn.com, Mario Pruner
Version: 2

*/

/* reset styles */

/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
img { image-rendering: -webkit-optimize-contrast; }
/* webfont */	
	
@font-face {
	font-family: 'FoundryGridnikMedium';
	src: url('../css/foundrygridnik-medium-webfont.eot');
	src: url('../css/foundrygridnik-medium-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../css/foundrygridnik-medium-webfont.woff') format('woff'),
	     url('../css/foundrygridnik-medium-webfont.ttf') format('truetype'),
	     url('../css/foundrygridnik-medium-webfont.svg#FoundryGridnikMedium') format('svg');
	font-weight: normal;
	font-style: normal;
	}

/* base styles */

body {
	background-color: #A6A6A6;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #333;
	-webkit-text-size-adjust: 100%;
	}
a:link, a:visited {
	text-decoration: none;
	outline: none;
	color: #669933;
	}
a:hover, a:focus {
	color: #334d19;
	}
cite {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
	
/* page structure */

#container {
	margin: 0 auto;
	width: 1024px;
	-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
			box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	background-color: #fff;
	}
#container-inner {
	padding: 0 56px;
	}
	
#logo {
	width: 100%;
	height: 106px;
	}
#logo a {
	display: block;
	width: 100%;
	height: 106px;
	background: url(../img/logo.png) no-repeat left 45px;
	}
#logo img {
	display: block;
	height: 0;
	}

nav[role="navigation"] {
	background: url(../img/dots.png) no-repeat 0 0;
	}
nav[role="navigation"] ul li {
	display: inline;
	}
nav[role="navigation"] ul li a {
	display: block;
	float: left;
	margin: 1px 30px 1px 0;
	padding: 20px 0; /*muss 22px ergeben*/
	font-size: 0.813em;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #333;
	}
nav[role="navigation"] ul li a:hover,
nav[role="navigation"] ul li a:focus {
	color: #669933;
	}	
nav[role="navigation"] ul li:last-child a {
	margin-right: 0;
	}
nav[role="navigation"] ul li.current {
	font-weight: bold;
	}
nav[role="navigation"] ul li.current a:hover {
	color: #333;
	}

nav[role="navigation"] ul li.fb {
 	float: left;
	width: 12px;
    }
 nav[role="navigation"] ul li.fb a {
	display: block;
    width: 100%;
	height: 100%;
	text-indent: -99999px; 
    background: url(../img/sprite.png) no-repeat -270px;
	}
nav[role="navigation"] ul li.fb a:hover,
nav[role="navigation"] ul li.fb a:focus {
    background: url(../img/sprite.png) no-repeat -290px;
	}
nav[role="navigation"] ul li.ig {
 	float: left;
	width: 14px;
	margin-left: 30px;
    }
 nav[role="navigation"] ul li.ig a {
	display: block;
    width: 100%;
	height: 100%;
	text-indent: -99999px; 
    background: url(../img/instagram.png) no-repeat -9px 14px;
	}
nav[role="navigation"] ul li.ig a:hover,
nav[role="navigation"] ul li.ig a:focus {
    background: url(../img/instagram.png) no-repeat -30px 14px;
	}
#main {
	min-height: 500px;
	word-wrap: break-word;
	}

/* grid  */

.col-main {
	float: left;
	width: 640px;
	}
.col-half {
	float: left;
	width: 305px;
	margin-right: 30px;
	}
.col-half:last-of-type {
	margin-right: 0;
	}
.col-alt {
	float: right;
	width: 216px;
	}

.sidebar {
	background: url(../img/dots-sb.png) no-repeat 0 0;
	}
.sidebar ul {
	margin: 17px 0 0;
	}
.sidebar ul li {
	list-style: none;
	font-size: 0.688em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .06em;
	line-height: 1.818;
	}
.sidebar ul li a {
	color: #333;
	display: block;
	}
.sidebar ul li a:hover,
.sidebar ul li a:focus {
	color: #669933;
	}
.sidebar ul li.current {
	font-weight: bold;
	}
.sidebar ul li.current a:hover {
	color: #333;
	}

/* grid-overview */

.box {
	margin: 0 0 22px;
	float: left;
	}
.col-ov1 { 
	width: 200px; 
	}
.col-ov2 { 
	width: 305px; 
	}

/* headings */

h1 {
	margin: 0 0 1.538em;
	padding: 17px 0 0;
	font-size: 0.813em;
	font-weight: bold;
	line-height: 1.538;
	}
h2 {
	margin: 0 0 1.538em;
	font-size: 0.813em;
	font-weight: normal;
	line-height: 1.538;
	}
h3 {
	margin: 0 0 1.538em;
	font-size: 0.813em;
	font-weight: bold;
	line-height: 1.538;
	letter-spacing: .06em;
	}
hgroup h1 {
	margin: 0;
	}
article.post h1 {
	padding: 2px 0 0;
	}
a:hover article.post h1,
a:focus article.post h1,
.be-ov a:hover h1,
.be-ov a:focus h1 {
	color: #669933;
	}
h2.block {
	padding: 1.538em 0 0;
	font-weight: bold;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #669933;
	background: url(../img/dots.png) no-repeat 0 0;
	}
h2.block a:hover,
h2.block a:focus {	
	text-decoration: none;
	}
article h2 a {	
	text-decoration: none;
	}
.be-ov hgroup {
	margin-bottom: -17px;
	}
.sidebar h2 {
	margin: 20px 0 -5px;
	font-family: FoundryGridnikMedium, sans-serif;
	font-size: 1.188em;
	line-height: 1.053;
	font-weight: normal;
	text-transform: uppercase;
	color: #4D4D4D;
	}

/* img, etc. */

img,
embed, 
object, 
video,
iframe { 
	width: 100%;
	max-width: 912px;
	height: auto;
	margin: 0 auto;   
	display: block;
	-webkit-transition: opacity .15s ease;
	   -moz-transition: opacity .15s ease;
		 -o-transition: opacity .15s ease;
			transition: opacity .15s ease;
	}	

figure {	
	width: 100%;
	float: left;
	}
figure.half {	
	width: 456px;
	float: left;
	}
figure a:hover img,
figure a:focus img {
	zoom: 1; /* IE opacity */
	filter: alpha(opacity=85); 
	opacity: .85;
	}
figcaption {	
	margin: 22px 0 17px 0;
	font-family: FoundryGridnikMedium, sans-serif;
	font-size: 1.188em;
	line-height: 1.053;
	text-transform: uppercase;
	color: #333;
	}

/* article */
	
article {
position: relative;
	margin: 0 0 30px 0;
	background: url(../img/dots.png) no-repeat 0 0;
	}
article:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
	}
article a:hover,
article a:focus {
	text-decoration: underline;
	}
article p,
article ul,
.info p {
	font-size: 0.813em;
	margin: 0 0 1.538em;
	line-height: 1.538;
	}
article p:last-of-type,
article ul:last-of-type,
article.post p:last-of-type,
.info p:last-of-type {
	margin-bottom: -5px;
	}
article p img {
	max-width: 100%;
	width: auto;
	margin: 0;
	padding: .25em 0;
	}
article em {
	font-style: italic;
	}
article footer {
	padding: 1.25em 0 0 0;
	margin: 0 0 -4px 0;
	}
article footer p {
	display: inline;
	font-size: 0.688em;
	padding: 0 22px 0 0;
	margin: 0 -4px 0 0;
	}
article footer a:hover,
article footer a:focus {
	text-decoration: none;
	}
article.post {
	background: #fff;
	margin-top: -5px;
	}
.post hgroup, article.post p {
	margin-left: 335px;
	}
.post img {
	float: left;
	width: 305px;
	padding: 5px 0 0;
	}
a article.post,
.be-ov .box a {
	display: block;
	text-decoration: none;
	color: #333;
	}
a:hover article.post img,
a:focus article.post img,
.be-ov a:hover img,
.be-ov a:focus img {
	zoom: 1; /* IE opacity */
	filter: alpha(opacity=85); 
	opacity: .85;
	}

.fairs ul li {
	float: left;
	width: 180px;
	margin: 0 30px 25px 0;
	}
.fairs ul li:last-child {
	margin-right: 0;
	}
.fairs ul li p {
	margin: 20px 0 0;
	font-size: 0.688em;
	line-height: 1.818;
	letter-spacing: .05em;
	color: #333;
	}
.fairs ul li a {
	display:block;
	}
.fairs ul li a:hover p,
.fairs ul li a:focus p {
	color: #669933;
	}
.fairs ul li a:hover img,
.fairs ul li a:focus img {
	zoom: 1; /* IE opacity */
	filter: alpha(opacity=85); 
	opacity: .85;
	}

.info {
	margin-bottom: 30px;
	}

/* slider */

.media {
	color: #666;
	}
.slides {
	background: #fff;
	}
.media img, 
.media embed, 
.media object, 
.media video,
.media iframe {
	max-height: 480px;
	max-width: 100%;
	width: auto;
	text-align: center;
	}
.media-video {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	}
.media-video embed,
.media-video iframe,
.media-video object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.media .caption {
	float: left;	
	width: 380px;
	margin: 17px 0 0;
	min-height: 9.262em;
	}
.media .caption b {
	font-weight: bold; 
	}
.media .caption i {
	font-style: italic;
	}
.media .slides-nav {
	float: right;	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.813em;
	line-height: 1.538;
	margin: 22px 0 0;
	}
.media .slides-nav .prev {
	float: left;
	display: block;
	width: 34px;
	height: 23px;
	text-indent: -99999px; 
    background: url(../img/sprite.png) no-repeat -40px 0;
	position: relative; /* transition */
	}
.media .slides-nav a:hover.prev, 
.media .slides-nav a:focus.prev {
    background: url(../img/sprite.png) no-repeat -40px -30px;
	}
.media .slides-nav .next {
	float: left;
	display: block;
	width: 34px;
	height: 23px;
	text-indent: -99999px; 
    background: url(../img/sprite.png) no-repeat 0 0;
	margin: 0 0 0 20px;
	position: relative; /* transition */
	}
.media .slides-nav a:hover.next, 
.media .slides-nav a:focus.next {
    background: url(../img/sprite.png) no-repeat 0 -30px;
	}
.media .slides-count {
	float: left;
	margin: -5px 0 0 20px;
	}
.media .slides-nav .thumbs {
background: blue;
	float: left;
	display: block;
	width: 28px;
	height: 22px;
	text-indent: -99999px; 
    background: url(../img/sprite.png) no-repeat -80px 0;
	margin: 0 0 0 20px;
	position: relative; /* transition */
	}
.media .slides-nav a:hover.thumbs, 
.media .slides-nav a:focus.thumbs {
    background: url(../img/sprite.png) no-repeat -80px -30px;
	}
.media .slides-nav .prev:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
    background: url(../img/sprite.png) no-repeat -40px -30px #fff;
	opacity: 0;
	-webkit-transition: opacity .15s ease;
	   -moz-transition: opacity .15s ease;
		 -o-transition: opacity .15s ease;
			transition: opacity .15s ease;
	}
.media .slides-nav .next:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
    background: url(../img/sprite.png) no-repeat 0 -30px #fff;
	opacity: 0;
	-webkit-transition: opacity .15s ease;
	   -moz-transition: opacity .15s ease;
		 -o-transition: opacity .15s ease;
			transition: opacity .15s ease;
	}
.media .slides-nav .thumbs:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
    background: url(../img/sprite.png) no-repeat -80px -30px #fff;
	opacity: 0;
	-webkit-transition: opacity .15s ease;
	   -moz-transition: opacity .15s ease;
		 -o-transition: opacity .15s ease;
			transition: opacity .15s ease;
	}
.media .slides-nav .prev:hover:after,
.media .slides-nav .next:hover:after,
.media .slides-nav .thumbs:hover:after {
	opacity: 1;
	}

.ov {
	background: #fff;
	margin-bottom: -22px;
	overflow: hidden;
	}
.e-ov { 
	padding-top: 22px;
	background: url(../img/dots.png) no-repeat 0 0;
	}
.be-ov {
	margin-bottom: -30px;
	overflow: hidden;
	}
.e .media,
.be .media { 
	margin-bottom: 17px;
	}
.a-ov { 
	padding-top: 17px;
	margin-bottom: -17px;
	-webkit-column-count: 2;
	  -webkit-column-gap: 30px;
	   -moz-column-count: 2;
		 -moz-column-gap: 30px;
			column-count: 2;
			  column-gap: 30px;
	}
.a-ov a { 
 	display: block;
	margin: 0 0 .846em;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	}
.a-ov a:hover,
.a-ov a:focus {
	color: #669933;
	text-decoration: none;
	}

/* news */

.news .media { 
	margin-bottom: 20px;
	}
.news .media .caption {
	width: 100%;
	margin: 20px 0 -6px;
	min-height: 0;
	}
.news .media p.caption {
	font-size: 0.688em;
	line-height: 1.818;
	color: #333;
	}
article.news header a, 
article.news a.more {
	color: #333;
	}
article.news header a:hover,
article.news header a:focus,
article.news a:hover.more,
article.news a:focus.more {
	color: #669933;
	text-decoration: none;
	}

.share {
	width: 100%;
	float: left;
	}
.share-btn {
	white-space:nowrap;	
	}
.share-button {
	margin: 25px 10px 0 0;
	height: 20px; 
	float: left;
	}

/* archive */

ul.archive li a {
	text-decoration: none;
	}
ul.tags li {
	display: inline;
	}
ul.tags li:after {
	content: ", ";
	}
ul.tags li:last-child:after {
	content: none;
	}
ul.archive-years {
	color: #666;
	list-style-type: none;
	}
ul.archive-years strong {
	font-weight: normal; 
	}
ul.archive-years li a {
	margin: 0 22px 0 0;
	text-decoration: none;
	}
ul.archive-years li .empty-month {
	margin: 0 22px 0 0;
	}

/* buttons */

.btn a {
	padding: 8px 12px;
	font-size: 0.813em;
	color: #fff;
	background: #666;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;	
	-webkit-transition: all .1s ease;
	   -moz-transition: all .1s ease;
		 -o-transition: all .1s ease;
			transition: all .1s ease;
	behavior: url(js/PIE.htc);
	position: relative;	/* for PIE */
	}
.btn a:hover,
.btn a:focus {
	background-color: #4D4D4D;
	text-decoration: none;
	}
.btnr {
	float: right;
	margin: 27px 0 0;
	}

ul.pager {
	margin: 38px 0;
	}
.pager li {
	display: inline;
	margin: 0 10px 0 0;
	} 
.pager .prev a {
	padding-left: 30px;
	background: #666 url(../img/sprite.png) no-repeat -310px;
	}
.pager .next a {
	padding-right: 30px;
	background: #666 url(../img/sprite.png) no-repeat right;
	}
.pager .prev a:hover,
.pager .prev a:focus,
.pager .next a:hover,
.pager .next a:focus {
	background-color: #4D4D4D;
	}

/* maps */

#map_canvas {
	height: 340px;
	margin: 25px 0 20px;
	}

/* forms */

form fieldset {
	margin: 0 0 1.538em;
	}
form fieldset input[type="text"],
form fieldset input[type="email"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	margin: 0 20px 0 0;
	padding: 8px 10px 7px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.813em;
	color: #666;
	border: 2px solid #ccc;
	vertical-align:middle;
	}
form fieldset input[type="submit"] {
	-webkit-appearance: none;
	padding: 10px 10px 9px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.813em;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background: #666;
	cursor: pointer;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;	
	-webkit-transition: all .1s ease;
	   -moz-transition: all .1s ease;
		 -o-transition: all .1s ease;
			transition: all .1s ease;
	behavior: url(js/PIE.htc);
	position: relative;	/* for PIE */
	vertical-align: middle;
	}
form fieldset input[type="submit"]:hover,
form fieldset input[type="submit"]:focus {
	background-color: #4D4D4D;
	}
form fieldset input[type="submit"]:active {
	background: #464646;
	}

form.newsletter fieldset input[type="text"],
form.newsletter fieldset input[type="email"] {
	width: 177px;
	}
form.search fieldset input[type="text"],
form.search fieldset input[type="email"] {
	width: 79%;
	margin: 0 20px 0 0;
	padding: 7px 10px 6px;
	border: 3px solid #ccc;
	}
form.newsletter-full fieldset input[type="text"],
form.newsletter-full fieldset input[type="email"] {
	width: 96%;
	margin: 0 20px 0 0;
	padding: 7px 10px 6px;
	border: 3px solid #ccc;
	}

form label {
	margin: 0 0 .5em;
	font-size: 0.813em;
	font-weight: bold;
	line-height: 1.538;
	display: block;
	}
form ul.interestgroup_field label{
	display: inline;
	padding: 0 30px 0 3px;
	font-size: 1em;
	font-weight: normal;
	}
form .mergeRow {
	margin-bottom: 22px;
	}
form .submit_container {
	padding-top: 7px;
	}
	
.error {
	font-size: 0.813em;
	margin: 0 0 1.538em;
	line-height: 1.538;
	color: #FF3233;
	}
.asterisk {
	font-weight: normal;
	}
form .feedback {
	margin: -9px 0 -5px 0;
	}

/* footer */
	
footer[role="contentinfo"] {
	font-size: 0.688em;
/*clear: both; /* ie7 */
	}
footer[role="contentinfo"] nav ul li a {
	font-size: 100%;
	}	
footer[role="contentinfo"] p {
	padding: 20px 0 54px;
	color: #666;
	line-height: 1.538;
	background: url(../img/dots.png) no-repeat 0 0;
	}

/* spacing */

.last {
	margin-bottom: -1.538em;
	}

.space-bottom31 {
	padding-bottom: 1.938em;
	}
.space-bottom34 {
	padding-bottom: 2.125em;
	}

/* misc. */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}
	
/* self-clear floats */
	
.group:after,
header[role="banner"]:after,
nav[role="navigation"]:after,
#main:after,
article:after,
.media:after,
.share:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
/* media queries */
		
@media screen and (max-width: 768px) {
	/* page structure */

	#container {
		width: 768px;
		}
	.col-main {
		float: left;
		width: 100%;
		}
	.col-alt {
		float: left;
		width: 100%;
		}

	.sidebar {
		background: url(../img/dots.png) no-repeat 0 0;
		padding-bottom: 22px;
		}
	.sidebar ul {
		margin-bottom: -8px;
		}
	.sidebar ul li {
		display: inline-block;
		}
	.sidebar ul li a {
		float: left;
		margin: 1px 20px 1px 0;
		line-height: 1.462;
		}

	/* grid-overview */
	
	.box {
		margin: 0 0 22px;
		}
	.col-ov1 { 
		width: 204px; 
		}
	.col-ov2 { 
		width: 313px; 
		}

	figure.half {	
		width: 100%;
		}

}

@media screen and (max-width: 480px) {
	/* page structure */
		
	#container {
		width: auto;
		max-width: 480px;
		}
	#container-inner {
		padding: 0 30px;
		}
	.col-half {
		width: 100%;
		margin-right: 0;
		}

	#logo {
		height: 66px;
		}
	#logo a {
		height: 66px;
		background: url(../img/logo-s.png) no-repeat left 26px;
		}
	
	nav[role="navigation"] {
		padding: 22px 0 15px; 
		}
	nav[role="navigation"] ul li {
		display: block;
		}
	nav[role="navigation"] ul li a {
		width: 100%;
		padding: 0 0 7px; 
		}
	#main {
		min-height: 400px;
		}

/* grid-overview */
	
	.col-ov1, .col-ov2 { 
		width: 100%; 
		}

	.post hgroup {
		margin-left: 0;
		}
	
	article.post p {
		margin-left: 0;
		}
	article.post p:last-of-type {
		margin-bottom: 2px;
		}
	.post img {
		width: 100%;
		padding: 0 0 17px;
		}

	.fairs {
		margin-top: -5px;
		}

	.media img, 
	.media embed, 
	.media object, 
	.media video,
	.media iframe {
		max-height: 286px;
		}
	.media .caption {
		width: 180px;
		}

	.media .ov img, 
	.media .ov embed, 
	.media .ov object, 
	.media .ov video,
	.media .ov iframe {
		max-height: 100%;
		}
	
	.e-ov,
	.sr { 
		padding-top: 5px;
		margin-bottom: -5px;
		background: none;
		}
	.e-ov h2,
	.sr h2 { 
		margin-bottom: 0;
		}	
	.a-ov { 
		-webkit-column-count: 1;
		  -webkit-column-gap: 0;
		   -moz-column-count: 1;
			 -moz-column-gap: 0;
				column-count: 1;
				  column-gap: 0;
		}
		
	form.search fieldset input[type="text"] {
		width: 68%;
		}

	/* footer */
		
	footer[role="contentinfo"] p {
		padding-bottom: 28px;
		}

	nav[role="navigation"],
	.sidebar,
	h2.block,
	article,
	footer[role="contentinfo"] p {
		background: url(../img/dots-s.png) no-repeat 0 0;
		}

	/* forms */

	form.newsletter fieldset input[type="text"],
	form.newsletter fieldset input[type="email"],
	form.search fieldset input[type="text"] {
		width: 48%;
		}
	form.newsletter-full fieldset input[type="text"],
	form.newsletter-full fieldset input[type="email"] {
		width: 90%;
		}

}

	/* retina graphics */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio : 1.5) { 

	#logo a { 
		background-image: url('../img/logo@2x.png'); 
		background-size: 277px 16px; 
		} 

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 768px),
	   only screen and (min-device-pixel-ratio : 1.5) and (max-width: 768px) { 

	#logo a { 
		background-image: url('../img/logo-s@2x.png'); 
		background-size: 260px 15px; 
		} 

}