body{background: #C3C3C3;}

 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%;  }
	h2{font-size:270%; margin-top:4%; margin-right:24%;}
	
	#q01 {margin-top:-30%; margin-bottom:-22%;}	#q02 {margin-top:-9%; margin-bottom:-18%;}
	#q03 {margin-top:-21%; margin-bottom:-7%;}
	#q04 {width:26.8%; margin-left:1%;} #q05 {width:36%;} #q04 video {width:96%; border: 4px solid #232422; border-radius: 5px;}	
	#q06 {margin-top:-28%; margin-bottom:-12%;} #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%;} 
	#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%;}}