body {
font-size:1.2em;
font-family: 'Text Me One', sans-serif;
color:#D9DAA8; 
font-style: normal;
margin:0;
padding:0;
text-align:center;
background-color: #333}


#container {margin:0 auto;padding:3em;width:80%}
p {font-size:1.2em; color:#D9DAA8; margin:0; padding: 0 0 10px 0} 
#text {max-width:100%;text-align:center}
#buy {margin:0 auto;text-align:left;max-width:700px} 
#products {margin:0 auto;hyphens:auto;text-align:justify;max-width:700px} 
#social {margin:0 auto;hyphens:auto;text-align:justify;max-width:700px;padding:2em 0 0 0} 
#logo {text-align:left;padding:0 0 0.5em 0;margin:0 0 0 -1em}
#logo img {width:7em;height:auto}
#banner {padding:0.4em 0 1.0em 0;}
#banner img {width:100%;max-width:700px;height:auto}
img#society6 {width:40%;max-width:200px;height:auto;}
img#redbubble {width:40%;max-width:200px;height:auto;padding:0 0 0 0.2%}
span.lite {color:#D9DAA8}
span.tel {color:#fc0}
p.imprint {font-size:0.6em; color:#74755A; padding:1em 0 1em 0}
#imprintdiv {text-align:justify;font-size:0.8em;color:#A0A17C}
#imprintdiv p {font-size:1.0em;color:#A0A17C}
#imprintdiv li {font-size:1.0em;padding:0 0 0.7em 0}
#imprintdiv li h4 {margin:0;padding:0}
#imprintdiv a {color:#A0A17C; text-decoration:underline;}
#imprintdiv a:hover {color:#A0A17C; text-decoration:underline;}
#imprintdiv a:visited {color:#A0A17C; text-decoration:underline;}
#imprintdiv h3 {font-size:1.6em;font-weight:bold;margin:0;padding:2em 0 0.5em 0}
h4 {margin:0;padding:0.5em 0 0.5em 0}
.home a {text-decoration:underline;}
.home a:hover {text-decoration:underline;}
.home a:visited {text-decoration:underline;}
.imprint a {color:#74755A; text-decoration:underline;}
.imprint a:hover {text-decoration:underline;color:#74755A}
.imprint a:visited {text-decoration:underline;color:#74755A}
#socialcontainer img {width:8%;max-width:70px;height:auto;padding 0.2%}
a {color:#fc0; text-decoration:none; target-name: new; target-new: window; target-position: above}
a.int {target:current;}
a:hover {text-decoration:underline;color:#f80}


@media only screen and (min-device-width:400px) and (max-device-width:750px) {
body {font-size:1.0em;}
p {font-size:1.2em;}
#container {margin:0 auto;text-align:center;padding:2em 1em 1em 1em;}
#logo {text-align:left;padding:0 0 0.5em 0; margin:0 0 0 -0.5em}
#logo img {width:6em;height:auto}
#banner img {width:100%;height:auto}
#social {padding:2em 0 0 0; font-size:1.0em;}
#society6 img {width:40%; height: auto;}
#redbubble img {width:40%; height: auto;}
#socialcontainer img {width:12%;max-width:80px;height:auto;padding 0.2%}
#text {max-width:100%}
}

@media only screen and (min-device-width:400px) and (max-device-width:750px) and (orientation: landscape) {
html {-webkit-text-size-adjust: 100%; /* Prevent too big font scaling in landscape while allowing user zoom */}
body {font-size:1.0em;}
p {font-size:1.2em;}
#container {margin:0 auto;text-align:center;padding:2em 1em 1em 1em;}
#logo {text-align:left;padding:0 0 0.5em 0; margin:0 0 0 -0.5em}
#logo img {width:6em;height:auto}
#banner img {width:80%;height:auto}
#social {padding:2em 0 0 0; font-size:1.0em;}
#society6 img {width:20%;height:auto;}
#redbubble img {width:20%;height:auto;}
#socialcontainer img {width:9%;max-width:80px;height:auto;padding 0.2%}
#text {max-width:100%}
}

@media only screen and (min-device-width:100px) and (max-device-width:400px) {
body {font-size:0.8em;}
p {font-size:1.1em;}
#container {margin:0 auto;text-align:center;padding:2em 1em 1em 1em;}
#logo {text-align:left;padding:0 0 0.9em 0; margin:0 0 0 -0.5em}
#logo img {width:6em;height:auto}
#banner img {width: 100%; height: auto}
#society6 img {width:40%; height: auto;}
#redbubble img {width:40%; height: auto;}
#socialcontainer img {width:12%;max-width:80px;height:auto;padding 0.2%}
#text {max-width:100%}
}

@media only screen and (min-device-width:100px) and (max-device-width:400px) and (orientation: landscape) {
html {-webkit-text-size-adjust: 100%; /* Prevent too big font scaling in landscape while allowing user zoom */}
body {font-size:0.8em;}
p {font-size:1.1em;}
#container {margin:0 auto;text-align:center;padding:2em 1em 1em 1em;}
#logo {text-align:left;padding:0 0 0.9em 0; margin:0 0 0 -0.5em}
#logo img {width:6em;height:auto}
#banner img {width: 100%; height: auto}
#society6 img {width:20%; height: auto;}
#redbubble img {width:20%; height: auto;}
#socialcontainer img {width:12%;max-width:80px;height:auto;padding 0.2%}
#text {max-width:100%}
}