body{background: #606060;}

 h1, h2 { 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:290%; margin-right:15%; margin-bottom:0%; margin-top:4%;margin-left:40%;}
	h2{font-size:260%; margin-top:0%; margin-left:34%;}
	
	#q01 {margin-top:-45%; margin-bottom:-27%;}	#q02 {margin-top:-27%; margin-bottom:-18%;}
	#q03 {margin-top:-9%; margin-bottom:-19%;}
	#q04 {width:26.8%; margin-left:1%;} #q05 {width:36%;} #q04 video {width:96%; border: 4px solid #232422; border-radius: 5px;}	
	#q06 {margin-top:-20%; margin-bottom:-10%;} #q07 {margin-top:-7%; margin-bottom:-25%;}
	#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:54%; margin-left:1%;} #q29 {width:45%;}  #q28 video {width:96%; border: 4px solid #232422; border-radius: 5px;}	
	@media screen and (max-width:1368px)  {h1, h2 {font-size:270%;}}
	@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%;}}