/*                            . -, .-=- -: -=-._- .
                        .<!~:!!~`- :~.e@bbu <.t`\.`.
                    :~:!!`.!!~.>.>~e$$$$$$$$o/< !.`i`
                  :~.!!~:!!~.!`/~u$$$$$$$$$$$$c4! !.!.`.
                .!~<!~:!!!~<f.~z$$$$$$$$$$$$$$$c~!:`:`t i
              ~:! <!~<!!!.!~:`@$$$$$$$F`?`?$$$$$b`!h`h'! <
             ~<! !!`<!!~.!~< $F,F,$$F d$ $b ?$h`E\'!h'! ! \
           .~<! !!~<!!~:!-<`@$:$:$$$ d$$ $$b B$b:tL~!:`! !:~:
           ~:! !!~:!!f:!~<!x$$h?h?$$ F ? F ? 4$fdf,c!! 4!'!:~!
          / X !!!.X!! ?~:! $$$$$$$$$ ?eP ?eP d$$$$$$ !! S!'!:`:
         : !f:!% XXX~!~:!X $$$$$$$$$beed$beed$$$$$$$k?!:`!h`7>?h
         ! X !!!:X!! ~:!!!:$$$$$$$$$$$$$$$$$$$$$$$$$B'M! X!:`X Xh
        <><!'!!>XM! ~<!~``'$$$$$F"??$$$$$$$$?"?$$$$$ #~!'!! ?!'M:
        ? Xf<UX H!f <Sfz$$e$$$$$b$$bccccccccd$$$$$$$$i@$c TH%'!>?7
        ! X X!H MS~!!!>?$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ )!?:%!`!:
        ? % @!S !. !!!!> "?$$$$$$$$$$$$$$$$$$$$$$$$$$$"")!'!?!'! X!>
       <X ! XMX .! ?!F.$"><."??$$$$$$$$$$$$$$$$$$$P*?. @.!:`!! X>!X\
       )! ! !M\ X! !! $P.)~!,`L.Z. ")Z???ICCC"! :<X !!:9$/!h`4h'! !!
       !*'!X'.! XX ~)u.f>.`!`!! :) $$$$$$$$$F47X !!h`!!/#\!!!:` !!'!!
      J%!'%#:HX'SM'''`'":  " `". ` ?$$$$$$$$>"~)L``! ~~~-'XXX!.` 4!x`4:.
     :!? <! /S('!!',cd$$$$$e $$$$b :$$$$$$$$ 9$$P e$$$$$$$eu"!!L`:`!!x'!h
   ,S,XX.! .!H>4?T'$$$$$$$$$b`$$$f `$$$$$$$f:'$$ d?$$$$$$$$$$L"!L)S:~XX 2
   X X! X~:HX".RX'$$$$$$$$ eee$$$'eeeeeeeeeee 4$eee $$$$$$$$$$b f<XX:`~ `
       '  `'` fd d$$$$$$$$.?$$$$F,$$$$$$$$$$$,?$$$$ $$$$$$$$$$$$c`!H>

    _____        _____   _________    _____       _____    _____  
   (_   _)      (_   _) (_   _____)  / ___/      (_   _)  / ____\ 
     | |          | |     ) (___    ( (__          | |   ( (___   
     | |          | |    (   ___)    ) __)         | |    \___ \  
     | |   __     | |     ) (       ( (            | |        ) ) 
   __| |___) )   _| |__  (   )       \ \___       _| |__  ___/ /  
   \________/   /_____(   \_/         \____\     /_____( /____/   
                                                               
            _____      ____      _____      __      _                     
           (  __ \    (    )    (_   _)    /  \    / )                    
            ) )_) )   / /\ \      | |     / /\ \  / /                     
           (  ___/   ( (__) )     | |     ) ) ) ) ) )                     
            ) )       )    (      | |    ( ( ( ( ( (                      
           ( (       /  /\  \    _| |__  / /  \ \/ /                      
           /__\     /__(  )__\  /_____( (_/    \__/              */


body{
	background: #fff;
	color: #1e019e;
}

h1, h2, h3 {font-family: 'Publico Text Mono Web Bold', helvetica, arial, sans-serif;margin: 0;padding: 0;}

h1{font-size: 60px;	line-height: auto;display: block;text-align: center;}
h2{font-size: 30px;	line-height: 30px;text-align: center;margin: 0;padding: 0}

a {color: #1e019e;font-family: 'Publico Text Mono Web Bold';}

#inner {
	max-width: 800px;
	margin: 40px auto;
	font-family: 'Publico Text Mono Web Roman', helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
}


.pullQ{
	font-size: 36px;
	line-height: 40px;
	text-transform: uppercase;
	font-family: 'Publico Text Mono Web Bold', helvetica, arial, sans-serif;
	padding:10px;
	border: 4px solid #1e019e;
	text-align: center;
	margin: 40px -60px;
}

.blink{animation: blink 1s infinite;}

@keyframes blink{
  to{opacity: .0;}
}

IMG.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

.pad{padding-top: 40px}

.intro {font-size: 26px; line-height: 30px}

.dek {font-size: 38px; line-height: 42px;
	font-family: 'Publico Text Mono Web Bold', helvetica, arial, sans-serif;color: #1e019e;
	text-align: center;}
.big {font-size: 48px;
	font-family: 'Publico Text Mono Web Bold', helvetica, arial, sans-serif;color: #1e019e;
	text-align: center;
}

::selection {
  background: #33ff00; 
  color:blue;
}
::-moz-selection {
  background: #33ff00;
  color:blue;
}

#credits {
	border-top: 4px solid #1e019e;
	margin-top: 40px;
  padding-top: .5em;
	text-align: center;
	line-height: 1.4em;
}

.imgL{
	float: left;
	margin: 20px 20px 20px -200px;
  max-width: 400px;
}


.imgR{
	float: right;
	margin: 20px -200px 20px 20px;
  max-width: 400px;
}

.caption {font-size: 14px;line-height:16px;text-transform: uppercase;}
.credit {font-size: 12px;}

img {max-width: 100%}

#smallscreen{display: none}

.bb {font-family: 'HaasText', helvetica, arial, sans-serif; font-size: 20px}
.bb a{font-family: 'HaasTextBold',helvetica, arial, sans-serif;text-decoration: none;}

@media only screen and (max-width: 1220px) {
	.pullQ{margin: 20px 10px;}
	#inner {margin: 0 auto;padding: 10px;}
	.imgL{ width:200px; margin: 10px 10px 10px 0;}
	.imgR{ width:200px; margin: 10px 0 10px 10px;}
	.intro {font-size: 18px;line-height: 22px}
	#fullscreen{display: none}
	#smallscreen{display: block}
	h2{font-size: 24px;line-height: 26px}
	.dek {font-size: 24px; line-height: 26px;}
	.pad{padding-top: 30px}
  }

@media only screen and (max-width: 500px) {
	.imgL, .imgR{	float: none;	margin: 20px;}
	.pad{padding-top: 20px}	
  }

@media only screen and (max-width: 320px) {
	.pullQ{	font-size: 26px;line-height: 30px;padding:8px;margin: 20px 10px;}
	#inner {margin: 10px auto;padding: 4px;font-size: 15px;line-height: 18px}
	.dek {font-size: 22px; line-height: 25px;}
	.big {font-size: 28px;}
	h1{font-size: 46px; line-height: 50px}
	h2{font-size: 18px;line-height: 20px}
	.intro {font-size: 15px;line-height: 18px}
  }