html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@media only screen and (max-width: 349px){main figure div{background-image:url(../images/daffy.png)}main figure figcaption:after{content:"Daffy Duck"}header h1{font-family:"Sacramento",cursive}main h1{font-family:"Sacramento",cursive}header,nav,footer{background-color:#ffa800}main h1{color:#ffa800}}@media only screen and (min-width: 350px) and (max-width: 379px){main figure div{background-image:url(../images/donald.png)}main figure figcaption:after{content:"Donald Duck"}header h1{font-family:"Josefin Slab",serif}main h1{font-family:"Josefin Slab",serif}header,nav,footer{background-color:#0063ff}main h1{color:#0063ff}}@media only screen and (min-width: 380px) and (max-width: 500px){main figure div{background-image:url(../images/goofy.png)}main figure figcaption:after{content:"Goofy"}header h1{font-family:"Playball",cursive}main h1{font-family:"Playball",cursive}header,nav,footer{background-color:#c6db56}main h1{color:#c6db56}}@media only screen and (min-width: 501px) and (max-width: 749px){main figure div{background-image:url(../images/mickey.png)}main figure figcaption:after{content:"Mickey Mouse"}header h1{font-family:"Freckle Face",cursive}main h1{font-family:"Freckle Face",cursive}header,nav,footer{background-color:#db0606}main h1{color:#db0606}}@media only screen and (min-width: 750px) and (max-width: 1000px){main figure div{background-image:url(../images/tom.png)}main figure figcaption:after{content:"Tom Cat"}header h1{font-family:"Fredericka the Great",cursive}main h1{font-family:"Fredericka the Great",cursive}header,nav,footer{background-color:#efa396}main h1{color:#efa396}}@media only screen and (min-width: 1001px) and (max-width: 1500px){main figure div{background-image:url(../images/tweety.png)}main figure figcaption:after{content:"Tweety Bird"}header h1{font-family:"Bungee Hairline",cursive}main h1{font-family:"Bungee Hairline",cursive}header,nav,footer{background-color:#4abde7}main h1{color:#4abde7}}@media only screen and (min-width: 1501px){main figure div{background-image:url(../images/yosemite.png)}main figure figcaption:after{content:"Yosemite Sam"}header h1{font-family:"Source Sans Pro",sans-serif}main h1{font-family:"Source Sans Pro",sans-serif}header,nav,footer{background-color:#ecd9b2}main h1{color:#e2c589}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Verdana, san-serif}header{min-width:320px;padding:.5em  2%}header h1{font-size:2.5em;padding-top:.3em}nav ul{background-color:rgba(0,0,0,0.2)}nav li{float:left;width:50%}nav li a{display:block;text-align:center;padding:.6em 0;text-decoration:none;color:rgba(0,0,0,0.9)}nav li.active a{background-color:rgba(0,0,0,0.2)}nav li:nth-child(1) a{border-right:1px solid rgba(0,0,0,0.2)}main{padding:.75em 2%;background-color:#fff}main h1{font-size:3em;padding-top:.5em}main h2{color:#555;padding-top:1em;font-size:1.5em;font-weight:normal}main p{font-family:'Source Sans Pro', sans-serif;color:#555;line-height:130%;font-size:1.2em}main ul{margin-left:2rem}main ul li{color:#666;padding-top:.3em;line-height:130%;font-size:.9rem}main figure.char{margin:1em 0;border:1px solid #aaa;border-radius:20px}main figure.char div{width:300px;height:360px;background-repeat:no-repeat;background-position:center center}main figure.char figcaption{text-align:center}main picture.hero{width:100%}main picture.hero img{width:100%}main form{margin:1em 2%;max-width:400px}main form fieldset{border:1px solid #ccc;border-radius:.4em;margin:2em 0;padding:0 2%}main form fieldset legend{text-align:center;padding:0 .4em;color:#888}main form label.top{font-size:.75em;display:block;padding:.75em 0}main form label.top div{padding-left:1em}main form label.top input{-webkit-appearance:none;-moz-appearance:none;width:100%;font-size:1.25em;color:#888;padding:.5em 1em;border:none;border-radius:15px;background-color:#ddd;min-height:36px}main form label.top input:focus{box-shadow:1px 1px 4px rgba(0,0,0,0.5) inset}main form label.top input:required{border:1px dashed orange}main form label.top input:required:valid{border:1px dashed green}main form label.sbs{display:block;padding:.1em 0}main form label.sbs div{display:inline;font-size:.8em}main form input.submitBtn{-webkit-appearance:none;-moz-appearance:none;border:none;background-color:red;color:white;font-size:1.5em;border-radius:1em;padding:.2em .75em;width:96%}footer p{background-color:rgba(0,0,0,0.2);text-align:center;color:rgba(255,255,255,0.8);padding:1em 0}.clearfix:after{content:"";display:table;clear:both}@media only screen and (min-width: 600px){nav ul{padding-left:2%}nav li{float:left;width:auto}nav li a{padding:.3em 1em;border:none !important;background-color:rgba(0,0,0,0.1)}header,nav,main{max-width:1600px;margin:0 auto}main figure{margin-top:0;margin-left:2%;float:right}}@media print{body{font-family:Times, serif}figure.char,nav{display:none}}
