/*responsive CSS - changing the site as the browser sizes change. For more info check out http://www.alistapart.com/articles/responsive-web-design/ */


/* if the brower is tall enough fix the footer to the bottom */
@media screen and (min-height: 680px) and (max-height: 1099px) {
		#footy {position:fixed;bottom:0;z-index:1001;}
}

/* if the user is one of those mavericks with vertical HD monitors: */;
@media screen and (min-height: 1100px) {             
        #footy {position:relative;background:#222;z-index:5;}
}

@media screen and (max-width: 500px) {
 	   .footcopy, .footblog {float:none;}
}
        
/* INSPIRATIONAL "BE" TEXT: Yeah, it's not a great practice to have content in your presentation layer, but it's my personal site. I do practical things for client's sites all day - let me cut-loose. I've never seen the CSS content attribute even remotely used like this, so I find it charming and fun. 

I also realize it could be done more efficiently in a JS array, but chose not to. Doesn't seem as fun. To see the logic in a JQ array check out scripts.js, it's commented out there. Have fun and let me know what you come up with!  */
@media screen and (min-width:2101px) {  .h300 h2 span:after{content:'a show off about your crazy monitors.'}}
@media screen and (max-width:2100px) {  .h300 h2 span:after{content:'SupercalaArleytasticexpialadocious.'}}
@media screen and (max-width:1921px) {  .h300 h2 span:after{content:'Really, really strange sometimes.'}}
@media screen and (max-width:1920px) {  .h300 h2 span:after{content:'Larger than life.'}} /* IE9 & FF full screen hd */
@media screen and (max-width:1910px) {  .h300 h2 span:after{content:'Unconventional.'}} /*chrome PC full screen hd*/
@media screen and (max-width:1900px) {  .h300 h2 span:after{content:'Flabbergasting.'}}

@media screen and (max-width:1890px) {  .h300 h2 span:after{content:'Scintillating.'}}
@media screen and (max-width:1880px) {  .h300 h2 span:after{content:'Extraordinary.'}}
@media screen and (max-width:1870px) {  .h300 h2 span:after{content:'Unforgettable.'}}
@media screen and (max-width:1860px) {  .h300 h2 span:after{content:'Unpredictable.'}}
@media screen and (max-width:1850px) {  .h300 h2 span:after{content:'Dumbfounding.'}}
@media screen and (max-width:1840px) {  .h300 h2 span:after{content:'Electrifying.'}}
@media screen and (max-width:1830px) {  .h300 h2 span:after{content:'Overwhelming.'}}
@media screen and (max-width:1820px) {  .h300 h2 span:after{content:'Incomparable.'}}
@media screen and (max-width:1810px) {  .h300 h2 span:after{content:'Entertaining.'}}
@media screen and (max-width:1800px) {  .h300 h2 span:after{content:'Magnificent.'}}

@media screen and (max-width:1790px) {  .h300 h2 span:after{content:'Confounding.'}}
@media screen and (max-width:1780px) {  .h300 h2 span:after{content:'Resourceful.'}}
@media screen and (max-width:1770px) {  .h300 h2 span:after{content:'Interesting.'}}
@media screen and (max-width:1760px) {  .h300 h2 span:after{content:'Adventurous.'}}
@media screen and (max-width:1750px) {  .h300 h2 span:after{content:'Bewildering.'}}
@media screen and (max-width:1740px) {  .h300 h2 span:after{content:'Astonishing.'}}
@media screen and (max-width:1730px) {  .h300 h2 span:after{content:'Fascinating.'}}
@media screen and (max-width:1720px) {  .h300 h2 span:after{content:'Outstanding.'}}
@media screen and (max-width:1710px) {  .h300 h2 span:after{content:'Influential.'}}
@media screen and (max-width:1700px) {  .h300 h2 span:after{content:'Imaginative.'}}

@media screen and (max-width:1690px) {  .h300 h2 span:after{content:'Nonsensical.'}}
@media screen and (max-width:1680px) {  .h300 h2 span:after{content:'Stimulating.'}}
@media screen and (max-width:1670px) {  .h300 h2 span:after{content:'Exceptional.'}}
@media screen and (max-width:1660px) {  .h300 h2 span:after{content:'Resplendent.'}}
@media screen and (max-width:1650px) {  .h300 h2 span:after{content:'Commanding.'}}
@media screen and (max-width:1640px) {  .h300 h2 span:after{content:'Determined.'}}
@media screen and (max-width:1630px) {  .h300 h2 span:after{content:'Remarkable.'}}
@media screen and (max-width:1620px) {  .h300 h2 span:after{content:'Incredible.'}}
@media screen and (max-width:1610px) {  .h300 h2 span:after{content:'Impressive.'}}
@media screen and (max-width:1600px) {  .h300 h2 span:after{content:'Perplexing.'}}

@media screen and (max-width:1590px) {  .h300 h2 span:after{content:'Passionate.'}}
@media screen and (max-width:1580px) {  .h300 h2 span:after{content:'Formidable.'}}
@media screen and (max-width:1570px) {  .h300 h2 span:after{content:'Stupefying.'}}
@media screen and (max-width:1560px) {  .h300 h2 span:after{content:'Refreshing.'}}
@media screen and (max-width:1550px) {  .h300 h2 span:after{content:'Delightful.'}}
@media screen and (max-width:1540px) {  .h300 h2 span:after{content:'Incredible.'}}
@media screen and (max-width:1530px) {  .h300 h2 span:after{content:'Innovative.'}}
@media screen and (max-width:1520px) {  .h300 h2 span:after{content:'Monumental.'}}
@media screen and (max-width:1510px) {  .h300 h2 span:after{content:'Surprising.'}}
@media screen and (max-width:1500px) {  .h300 h2 span:after{content:'Stupendous.'}}

@media screen and (max-width:1490px) {  .h300 h2 span:after{content:'Staggering.'}}
@media screen and (max-width:1480px) {  .h300 h2 span:after{content:'Delectable.'}}
@media screen and (max-width:1470px) {  .h300 h2 span:after{content:'Astounding.'}}
@media screen and (max-width:1460px) {  .h300 h2 span:after{content:'Responsive.'}}
@media screen and (max-width:1450px) {  .h300 h2 span:after{content:'Courageous.'}}
@media screen and (max-width:1440px) {  .h300 h2 span:after{content:'Outlandish.'}}
@media screen and (max-width:1430px) {  .h300 h2 span:after{content:'Marvelous.'}}
@media screen and (max-width:1420px) {  .h300 h2 span:after{content:'Whimsical.'}}
@media screen and (max-width:1410px) {  .h300 h2 span:after{content:'Versatile.'}}
@media screen and (max-width:1400px) {  .h300 h2 span:after{content:'Motivated.'}}

@media screen and (max-width:1390px) {  .h300 h2 span:after{content:'Brilliant.'}}
@media screen and (max-width:1380px) {  .h300 h2 span:after{content:'Eccentric.'}}
@media screen and (max-width:1370px) {  .h300 h2 span:after{content:'Wonderful.'}}
@media screen and (max-width:1360px) {  .h300 h2 span:after{content:'Excellent.'}}
@media screen and (max-width:1350px) {  .h300 h2 span:after{content:'Thrilling.'}}
@media screen and (max-width:1340px) {  .h300 h2 span:after{content:'Inspiring.'}}
@media screen and (max-width:1330px) {  .h300 h2 span:after{content:'Exquisite.'}}
@media screen and (max-width:1320px) {  .h300 h2 span:after{content:'Inventive.'}}
@media screen and (max-width:1310px) {  .h300 h2 span:after{content:'Colourful.'}}
@media screen and (max-width:1300px) {  .h300 h2 span:after{content:'Inventive.'}}

@media screen and (max-width:1290px) {  .h300 h2 span:after{content:'Delicious.'}}
@media screen and (max-width:1280px) {  .h300 h2 span:after{content:'Fantastic.'}}
@media screen and (max-width:1270px) {  .h300 h2 span:after{content:'Audacious.'}}
@media screen and (max-width:1260px) {  .h300 h2 span:after{content:'Dexterous.'}}
@media screen and (max-width:1250px) {  .h300 h2 span:after{content:'Different.'}}
@media screen and (max-width:1240px) {  .h300 h2 span:after{content:'Confident.'}}
@media screen and (max-width:1230px) {  .h300 h2 span:after{content:'Enthused.'}}
@media screen and (max-width:1220px) {  .h300 h2 span:after{content:'Peculiar.'}}
@media screen and (max-width:1210px) {  .h300 h2 span:after{content:'Glorious.'}}
@media screen and (max-width:1200px) {  .h300 h2 span:after{content:'Smashing.'}}

@media screen and (max-width:1190px) {  .h300 h2 span:after{content:'Splendid.'}}
@media screen and (max-width:1180px) {  .h300 h2 span:after{content:'Adaptive.'}}
@media screen and (max-width:1170px) {  .h300 h2 span:after{content:'Daunting.'}}
@media screen and (max-width:1160px) {  .h300 h2 span:after{content:'Imposing.'}}
@media screen and (max-width:1150px) {  .h300 h2 span:after{content:'Striking.'}}
@media screen and (max-width:1140px) {  .h300 h2 span:after{content:'Charming.'}}
@media screen and (max-width:1130px) {  .h300 h2 span:after{content:'Dazzling.'}}
@media screen and (max-width:1120px) {  .h300 h2 span:after{content:'Engaging.'}}
@media screen and (max-width:1110px) {  .h300 h2 span:after{content:'Resolute.'}}
@media screen and (max-width:1100px) {  .h300 h2 span:after{content:'Intrepid.'}}

@media screen and (max-width:1090px) {  .h300 h2 span:after{content:'Dramatic.'}}
@media screen and (max-width:1080px) {  .h300 h2 span:after{content:'Original.'}}
@media screen and (max-width:1070px) {  .h300 h2 span:after{content:'Fearless.'}}
@media screen and (max-width:1060px) {  .h300 h2 span:after{content:'Flexible.'}}
@media screen and (max-width:1050px) {  .h300 h2 span:after{content:'Creative.'}}
@media screen and (max-width:1040px) {  .h300 h2 span:after{content:'Animated.'}}
@media screen and (max-width:1030px) {  .h300 h2 span:after{content:'Puzzling.'}} /* PlayBook landscape */
@media screen and (max-width:1020px) {  .h300 h2 span:after{content:'Shocking.'}}
@media screen and (max-width:1010px) {  .h300 h2 span:after{content:'Intense.'}}
@media screen and (max-width:1000px) {  .h300 h2 span:after{content:'Elastic.'}}

@media screen and (max-width:990px) {  .h300 h2 span:after{content:'Pointed.'}}
@media screen and (max-width:980px) {  .h300 h2 span:after{content:'Unusual.'}}
@media screen and (max-width:970px) {  .h300 h2 span:after{content:'Devoted.'}}
@media screen and (max-width:960px) {  .h300 h2 span:after{content:'Amusing.'}}
@media screen and (max-width:950px) {  .h300 h2 span:after{content:'Radiant.'}}
@media screen and (max-width:940px) {  .h300 h2 span:after{content:'Refined.'}}
@media screen and (max-width:930px) {  .h300 h2 span:after{content:'Natural.'}}
@media screen and (max-width:920px) {  .h300 h2 span:after{content:'Dynamic.'}}
@media screen and (max-width:910px) {  .h300 h2 span:after{content:'Radical.'}}
@media screen and (max-width:900px) {  .h300 h2 span:after{content:'Bizarre.'}}

@media screen and (max-width:890px) {  .h300 h2 span:after{content:'Curious.'}}
@media screen and (max-width:880px) {  .h300 h2 span:after{content:'Amazing.'}}
@media screen and (max-width:870px) {  .h300 h2 span:after{content:'Lively.'}}
@media screen and (max-width:860px) {  .h300 h2 span:after{content:'Modest.'}}
@media screen and (max-width:850px) {  .h300 h2 span:after{content:'Mighty.'}}
@media screen and (max-width:840px) {  .h300 h2 span:after{content:'August.'}}
@media screen and (max-width:830px) {  .h300 h2 span:after{content:'Unique.'}}
@media screen and (max-width:820px) {  .h300 h2 span:after{content:'Absurd.'}}
@media screen and (max-width:810px) {  .h300 h2 span:after{content:'Brazen.'}}
@media screen and (max-width:800px) {  .h300 h2 span:after{content:'Crafty.'}}

@media screen and (max-width:790px) {  .h300 h2 span:after{content:'Astute.'}}
@media screen and (max-width:780px) {  .h300 h2 span:after{content:'Shrewd.'}}
@media screen and (max-width:770px) {  .h300 h2 span:after{content:'Daring.'}} /* iPad portait */
@media screen and (max-width:760px) {  .h300 h2 span:after{content:'Lovely.'}}
@media screen and (max-width:750px) {  .h300 h2 span:after{content:'Nimble.'}}
@media screen and (max-width:740px) {  .h300 h2 span:after{content:'Classy.'}}
@media screen and (max-width:730px) {  .h300 h2 span:after{content:'Humble.'}}
@media screen and (max-width:720px) {  .h300 h2 span:after{content:'Limber.'}}
@media screen and (max-width:710px) {  .h300 h2 span:after{content:'Superb.'}}
@media screen and (max-width:700px) {  .h300 h2 span:after{content:'Super.'}}

@media screen and (max-width:690px) {  .h300 h2 span:after{content:'Ready.'}}
@media screen and (max-width:680px) {  .h300 h2 span:after{content:'Crazy.'}}
@media screen and (max-width:670px) {  .h300 h2 span:after{content:'Proud.'}}
@media screen and (max-width:660px) {  .h300 h2 span:after{content:'First.'}}
@media screen and (max-width:650px) {  .h300 h2 span:after{content:'Light.'}}
@media screen and (max-width:640px) {  .h300 h2 span:after{content:'Alert.'}}
@media screen and (max-width:630px) {  .h300 h2 span:after{content:'Lithe.'}}
@media screen and (max-width:620px) {  .h300 h2 span:after{content:'Fiery.'}}
@media screen and (max-width:610px) {  .h300 h2 span:after{content:'Eager.'}}
@media screen and (max-width:600px) {  .h300 h2 span:after{content:'Quick.'}} /* PlayBook portait */

@media screen and (max-width:590px) {  .h300 h2 span:after{content:'Risky.'}}
@media screen and (max-width:580px) {  .h300 h2 span:after{content:'Adept.'}}
@media screen and (max-width:570px) {  .h300 h2 span:after{content:'Sharp.'}}
@media screen and (max-width:560px) {  .h300 h2 span:after{content:'Smart.'}}
@media screen and (max-width:550px) {  .h300 h2 span:after{content:'Brisk.'}}
@media screen and (max-width:540px) {  .h300 h2 span:after{content:'Fresh.'}}
@media screen and (max-width:530px) {  .h300 h2 span:after{content:'Swift.'}}
@media screen and (max-width:520px) {  .h300 h2 span:after{content:'Novel.'}}
@media screen and (max-width:510px) {  .h300 h2 span:after{content:'Giant.'}} /* Firefox Mac */
@media screen and (max-width:500px) {  .h300 h2 span:after{content:'Funky.'}}

@media screen and (max-width:490px) {  .h300 h2 span:after{content:'Weird.'}}
@media screen and (max-width:480px) {  .h300 h2 span:after{content:'Grand.'}}
@media screen and (max-width:470px) {  .h300 h2 span:after{content:'Alive.'}}
@media screen and (max-width:460px) {  .h300 h2 span:after{content:'Happy.'}}
@media screen and (max-width:450px) {  .h300 h2 span:after{content:'Keen.'}}
@media screen and (max-width:440px) {  .h300 h2 span:after{content:'Bold.'}}
@media screen and (max-width:430px) {  .h300 h2 span:after{content:'Wild.'}}
@media screen and (max-width:420px) {  .h300 h2 span:after{content:'Spry.'}}
@media screen and (max-width:410px) {  .h300 h2 span:after{content:'Zany.'}}
@media screen and (max-width:400px) {  .h300 h2 span:after{content:'Nice.'}} /* Chrome, Safari Mac */

@media screen and (max-width:390px) {  .h300 h2 span:after{content:'Loud.'}}
@media screen and (max-width:380px) {  .h300 h2 span:after{content:'Lean.'}}
@media screen and (max-width:370px) {  .h300 h2 span:after{content:'Fine.'}}
@media screen and (max-width:360px) {  .h300 h2 span:after{content:'Busy.'}}
@media screen and (max-width:350px) {  .h300 h2 span:after{content:'Cool.'}}
@media screen and (max-width:340px) {  .h300 h2 span:after{content:'Rare.'}}
@media screen and (max-width:330px) {  .h300 h2 span:after{content:'Apt.'}}
@media screen and (max-width:320px) {  .h300 h2 span:after{content:'Fun.'}}
@media screen and (max-width:310px) {  .h300 h2 span:after{content:'Hot.'}}
@media screen and (max-width:300px) {  .h300 h2 span:after{content:'Big.'}} /* Opera Mac. Thank you for respecting my desire to go insanely small. */