/* qart.us site styles - extracted from the former inline <style nonce> block. */
/* Externalised so the CSP can be static ('self') with no per-request nonce. */
/* based on html5boilerplate.com */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#000;font:17px/1.4 'Open Sans',sans-serif;text-align:center}
body{margin:0;background-color:#fdfdfd;}
figure {display:inline-block;margin:1em}
em{font-style: italic}
.st{text-decoration:line-through}
a{color:#fff;text-decoration:none;background-color:transparent;-webkid-text-decoration-skip: objects}
a:active,a:hover{outline:0}
a:active,a:focus,a:hover{text-decoration:underline}
::-moz-selection{background-color:#b3d4fc;text-shadow:none}
::selection{background-color:#b3d4fc;text-shadow:none}
img{border:0;vertical-align:middle}
@font-face {
    font-family: 'Norican';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/norican-subset.ttf') format('truetype')}
h1 {font-size:3.4em;line-height:1.2em;margin:.5em .5em 1.2em}
.art {font-family:'Norican',cursive;font-weight:400}
h2{font-size:2em;margin:1.5em 0}
h3{color:#ddd;font-size:1.25em;margin:0 0 .5em}
p{margin:0 0 2em}
.nowrap {white-space: nowrap}
.grid{margin:0 -15px;letter-spacing:-.31em;word-spacing:-.43em;text-rendering:optimizeSpeed}
.grid-cell{display:inline-block;letter-spacing:normal;text-align:left;text-rendering:auto;vertical-align:top;width:50%;word-spacing:normal}
.services{width:80%;font-size:1.2em;padding:0 .5em 0 1.5em;margin:.5em 0;text-indent:-1.3em}
.grid-cell>*{padding:0 15px}
.container{margin:0 auto;max-width:760px;padding:0 10px}
.site-header{padding-top:30px}
.description{font-size:1.4em;padding:2em 0}
.site-section{overflow:hidden;padding:2em 0 6em}
.dark{background-color:#020202;color:#ddd;}
.headerless{padding:3em 0}
.site-footer{font-size:.875em;padding:2em}.site-footer a{color:#00f}
.pudding {max-width:690px}
.pudding p{font-size:1.2em;margin:1em}
.pudding img{margin:15px 30px}

@media only screen and (max-width:800px)
{.site-header{padding-top:24px}
.site-section{padding:0 1em 3.5em}
.headerless{padding:2em 1em}
}
@media only screen and (max-width:600px)
{html{font-size:14px}
.site-footer{font-size:1em}
}
@media only screen and (max-width:460px)
{.grid-cell{width:100%}
 .services{width:80%}
}
@media only screen and (max-width:420px)
{h1{font-size:2.8em}
html{font-size:13px}
.logo{width:79%;height:auto}
}
@media only screen and (max-width:380px)
{img{width:79%;height:auto}
}
@media print{*{background-color:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid;max-width:100%!important}.description{padding:0}.site-header{padding:0}.site-section{padding:0;margin:2em 1em}h2{margin:1.5em 0 1em}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}