body{background: #606060;}

 h1, h2, h5 { font-family: 'Cormorant Infant', serif;  color:#000; 
	text-shadow:4px 4px 5px #aaa, #aaa 4px 0px 0;}
	a:link {color: #abb7c9;}
	a:visited {color: #abb7c9;}
	h1{font-size:260%;  margin-bottom:0%; margin-top:4%;}
	h2{font-size:220%; margin-top:0%; margin-left:15%;}
	h5{font-size:150%; margin-bottom:2%; text-align:left; margin-left:4%;}
	#q01 {margin-top:-85%; margin-bottom:-25%;}	#q02 {margin-top:-17%; margin-bottom:-8%;}
	#q03 {margin-top:-9%; margin-bottom:-9%;}
	#q04 {width:26.8%; margin-left:1%;} #q05 {width:36%;} #q04 video {width:96%; border: 4px solid #232422; border-radius: 5px;}	
	#q06 {margin-top:-38%; margin-bottom:-11%;} #q07 {margin-top:-15%; margin-bottom:-6%;}
	#q11 {margin-top:-19%; margin-bottom:-11%;} 
	#q09 {margin-top:-16%; margin-bottom:-19%;} 
	#q10 {margin-top:-7%; margin-bottom:-3%;} 	#q08 {margin-top:-1%; margin-bottom:-5%;} 
	#q21 {width:36%;} #q22 {width:36.2%;} #q23 {width:36.2%;} #q24 {width:30%;} #q25 {width:70%;} 
	#q28 {width:56%; margin-left:1%; margin-top:0.8%;} #q29 {width:43%;}  #q28 video {width:96%; border: 4px solid #232422; border-radius: 5px;}	
	@media screen and (max-width:1368px)  {h1, h2 {font-size:250%;}}
	@media screen and (max-width: 1152px) {h1, h2 {font-size:240%;}}
	@media screen and (max-width:1024px)  {#q04, #q05, #q21, #q22, #q24, #q23, #q25, #q26, #q27, #q28, #q29  {float:none; width:95%; margin: 0 auto;}
	h1, h2 {font-size:200%;}}
	@media screen and (max-width: 480px)  {h1, h2 {font-size:180%;} h2{ margin-top:-3%;}}
	@media screen and (max-width: 320px)  {h1, h2 {font-size:160%;}}