body{background: #81726F;}

    h1, h2 { font-family: 'Cormorant Infant', serif;  color:#93593E; 
	text-shadow:4px 4px 5px #000, #000 4px 0px 0; font-size:360%;}
	
	h1{margin-top:4%; margin-right:35%;}
	h2{margin-left:3%; margin-bottom:0%; margin-top:-2%;}
	
	#q01 {margin-top:-17%; margin-bottom:-21%;}	#q02 {margin-top:-17%; margin-bottom:-24%;}
	#q03 {margin-top:-19%; margin-bottom:-7%;} 
	#q06 {margin-top:-12%; margin-bottom:-24%;} #q07 {margin-top:-20%; margin-bottom:-15%;}
	#q08 {margin-top:-10%; margin-bottom:-7%;} #q09 {margin-top:-7%; margin-bottom:-14%;}	
	#q10 {margin-top:-15%; margin-bottom:-18%;}	#q11 {margin-top:-9%; margin-bottom:-19%;}		
	#q12 {margin-top:-15%; margin-bottom:-10%;} 
	#q21 {margin-top:-4.5%;} #q22 {width:23.5%;}#q24 {width:23.5%;} #q23 {width:53%;}
    #q04 {width:55%; margin-left:1%;} #q05 {width:44%;}  #q04 video {width:96%; border: 4px solid #232422; border-radius: 5px;}
	@media screen and (max-width:1368px)  {h1, h2 {font-size:320%;}}
	@media screen and (max-width: 1152px) {h1, h2 {font-size:240%;} #q01 {margin-top:-22%;}}
	@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)  {#q01 {margin-top:-33%;} h1, h2 {font-size:180%; margin-top:-2%; color:#B7846C; 
	text-shadow:1px 1px 1px #000, #000 0px 0px 0;} h2{ margin-top:-3%;}}
	@media screen and (max-width: 320px)  {#q01 {margin-top:-33%;} h1, h2 {font-size:160%;}}