/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {border:0;font-size:100%;font:inherit;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {line-height:1}
ol,ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:none}
table {border-collapse:collapse;border-spacing:0}



body {font:400 90% 'Arial', Helvetica, sans-serif; font-stretch:normal; color:white; background:#707270;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {max-width:100%;}
.wrapper {padding:10% 0; width:100%; text-align:center}
blockquote {font-size:50px; padding:1em; max-width:900px; margin: 0 auto; font-family:'Pinyon Script', cursive; clear:both; display:block;}
cite {display:block; margin:0 0 3em}


/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
img.tooth {
	opacity:0;  
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
 	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	animation-duration:1.5s;
}