/**
 * An amazing little CSS tricket from: http://css-tricks.com/lark-queries/
 */
@font-face {font-family: 'BebasNeueRegular';src: url('fonts/BebasNeue-webfont.eot');src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/BebasNeue-webfont.woff') format('woff'),url('fonts/BebasNeue-webfont.ttf') format('truetype'),url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight: normal;font-style: normal;}

div.awesome {
    padding-top: 75px;
}

div.awesome h2 {
    font: 75px/85px 'BebasNeueRegular',sans-serif; 
    text-shadow: 1px 1px 4px #333333;
    text-align: center;
}

div.awesome h2 span:after {
    content:'Incredible.'; 
    /* Set a default word for browsers that don't support Media Queries. If older browsers are a concern, put the default word in the <span> as well, and set that to display:none; for modern browsers. Overwrite that in conditional tags for the old browsers.  */

} 

@media screen and (min-width:2100px) {  div.awesome h2 span:after{content:'A Show-Off about your amazing monitors.'}} /* Apple Cinema Display is 2560px wide, but I think full-screen browsing is edge-case for a lot of Mac users. */
@media screen and (min-width:1921px) {  div.awesome h2 span:after{content:'A CSS-TRICKS GUEST AUTHOR!!!'}}
@media screen and (max-width:1920px) {  div.awesome h2 span:after{content:'Larger than life.'}} /* HD - IE9 & FF full screen */
@media screen and (max-width:1910px) {  div.awesome h2 span:after{content:'Unconventional.'}} /* Chrome PC full screen */
@media screen and (max-width:1900px) {  div.awesome h2 span:after{content:'Flabbergasting.'}}

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

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

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

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

@media screen and (max-width:1490px) {  div.awesome h2 span:after{content:'Staggering.'}}
@media screen and (max-width:1480px) {  div.awesome h2 span:after{content:'Delectable.'}}
@media screen and (max-width:1470px) {  div.awesome h2 span:after{content:'Astounding.'}}
@media screen and (max-width:1460px) {  div.awesome h2 span:after{content:'Responsive.'}}
@media screen and (max-width:1450px) {  div.awesome h2 span:after{content:'Courageous.'}}
@media screen and (max-width:1440px) {  div.awesome h2 span:after{content:'Outlandish.'}} /* Popular Laptop size, fullscreen 15" MacBook Pro */
@media screen and (max-width:1430px) {  div.awesome h2 span:after{content:'Marvelous.'}}
@media screen and (max-width:1420px) {  div.awesome h2 span:after{content:'Whimsical.'}}
@media screen and (max-width:1410px) {  div.awesome h2 span:after{content:'Versatile.'}}
@media screen and (max-width:1400px) {  div.awesome h2 span:after{content:'Motivated.'}}

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

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

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

@media screen and (max-width:1090px) {  div.awesome h2 span:after{content:'Dramatic.'}}
@media screen and (max-width:1080px) {  div.awesome h2 span:after{content:'Original.'}} /* Vertically oriented HD monitors */
@media screen and (max-width:1070px) {  div.awesome h2 span:after{content:'Fearless.'}}
@media screen and (max-width:1060px) {  div.awesome h2 span:after{content:'Flexible.'}}
@media screen and (max-width:1050px) {  div.awesome h2 span:after{content:'Creative.'}}
@media screen and (max-width:1040px) {  div.awesome h2 span:after{content:'Animated.'}}
@media screen and (max-width:1030px) {  div.awesome h2 span:after{content:'Puzzling.'}} /* PlayBook, iPad, Kindle Fire landscape */
@media screen and (max-width:1020px) {  div.awesome h2 span:after{content:'Shocking.'}}
@media screen and (max-width:1010px) {  div.awesome h2 span:after{content:'Intense.'}}
@media screen and (max-width:1000px) {  div.awesome h2 span:after{content:'Elastic.'}}

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

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

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

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

@media screen and (max-width:590px) {  div.awesome h2 span:after{content:'Risky.'}}
@media screen and (max-width:580px) {  div.awesome h2 span:after{content:'Adept.'}}
@media screen and (max-width:570px) {  div.awesome h2 span:after{content:'Sharp.'}}
@media screen and (max-width:560px) {  div.awesome h2 span:after{content:'Smart.'}}
@media screen and (max-width:550px) {  div.awesome h2 span:after{content:'Brisk.'}}
@media screen and (max-width:540px) {  div.awesome h2 span:after{content:'Fresh.'}} /* Nexus S in landscape */
@media screen and (max-width:530px) {  div.awesome h2 span:after{content:'Swift.'}}
@media screen and (max-width:520px) {  div.awesome h2 span:after{content:'Novel.'}}
@media screen and (max-width:510px) {  div.awesome h2 span:after{content:'Giant.'}} /* As narrow as Firefox Mac goes */
@media screen and (max-width:500px) {  div.awesome h2 span:after{content:'Funky.'}}

@media screen and (max-width:490px) {  div.awesome h2 span:after{content:'Weird.'}} 
@media screen and (max-width:480px) {  div.awesome h2 span:after{content:'Grand.'}} /* Many mobile devices in landscape */
@media screen and (max-width:470px) {  div.awesome h2 span:after{content:'Alive.'}}
@media screen and (max-width:460px) {  div.awesome h2 span:after{content:'Happy.'}}
@media screen and (max-width:450px) {  div.awesome h2 span:after{content:'Keen.'}}
@media screen and (max-width:440px) {  div.awesome h2 span:after{content:'Bold.'}}
@media screen and (max-width:430px) {  div.awesome h2 span:after{content:'Wild.'}}
@media screen and (max-width:420px) {  div.awesome h2 span:after{content:'Spry.'}}
@media screen and (max-width:410px) {  div.awesome h2 span:after{content:'Zany.'}}
@media screen and (max-width:400px) {  div.awesome h2 span:after{content:'Nice.'}} /* As narrow as Chrome, Safari Mac go */

@media screen and (max-width:390px) {  div.awesome h2 span:after{content:'Loud.'}}
@media screen and (max-width:380px) {  div.awesome h2 span:after{content:'Lean.'}}
@media screen and (max-width:370px) {  div.awesome h2 span:after{content:'Fine.'}}
@media screen and (max-width:360px) {  div.awesome h2 span:after{content:'Busy.'}}
@media screen and (max-width:350px) {  div.awesome h2 span:after{content:'Cool.'}}
@media screen and (max-width:340px) {  div.awesome h2 span:after{content:'Rare.'}}
@media screen and (max-width:330px) {  div.awesome h2 span:after{content:'Apt.'}}
@media screen and (max-width:320px) {  div.awesome h2 span:after{content:'Fun.'}} /* Most mobile devices in portrait. This is as small as Firefox and Safari PC go. */
@media screen and (max-width:310px) {  div.awesome h2 span:after{content:'Hot.'}}
@media screen and (max-width:300px) {  div.awesome h2 span:after{content:'Big.'}} /* Opera Mac, Chrome PC, & IE9. Thank you for respecting my desire to go insanely small. */