@media screen and (max-width:1200px)
	{
	
		#wrap {
			padding-bottom:51.5%;
		}	
	
		#title h1 {
			margin-left:23%;
			}
			
		#gal h1 {
			margin-top:1%;
			}
			
		#footer {
			margin-top:46.5%
			}
			
		.view1 {
			margin-left:53%;
			}
			
		.view3 {
			margin-left:53%;
			}
	
@media screen and (max-width:1000px)
	{
	
		#wrap {
			padding-bottom:61%;
			}
	  
		#title h1 {
			margin-left:13%;
			}
			
		#nav .dun ul li {
			padding-left:1%;
			}
			
		#footer {
			margin-top:53%;
			}
			
		.view {
			margin-left:5%;
			margin-top:-3%;
			}
			
		.view1 {
			margin-left:50%;
			margin-top:-3%;
			}
			
		.view2 {
			margin-left:5%;
			margin-top:21%;
			}
			
		.view3 {
			margin-top:21%;
			margin-left:50%;
			}
			
	}
	
	@media screen and (max-width:1000px)
	{
		#wrap {
			padding-bottom:120%;
			}
	
		#title  {
			height:13%;
			}
			
		#title h1 {
			font-size:6em;
			margin-left:21%;
			}
			
		#nav .dun ul li {
			padding-left:2%;
			}
		
		#gal {
			padding-bottom:8%;
			}
			
		#footer {
			margin-top:122%;
			}
			
		.view {
			margin-left:27%;
			}
			
		.view1 {
			margin-top:27%;
			margin-left:27%;
			}
			
		.view2 {
			margin-top:54%;
			margin-left:27%;
			}
			
		.view3 {
			margin-top:81%;
			margin-left:27%;
			}
	}	
	
@media screen and (max-width:900px)
	{ 
		#wrap {
			padding-bottom:127%;
			}
	
		#title  {
			height:13%;
			}
			
		#title h1 {
			font-size:6em;
			margin-left:18%;
			}
			
		#nav .dun ul li {
			padding-left:2%;
			}
		
		#gal {
			padding-bottom:8%;
			}
			
		#footer {
			margin-top:122%;
			}
			
		.view {
			margin-left:27%;
			}
			
		.view1 {
			margin-top:27%;
			margin-left:27%;
			}
			
		.view2 {
			margin-top:54%;
			margin-left:27%;
			}
			
		.view3 {
			margin-top:81%;
			margin-left:27%;
			}
	}
	
@media screen and (max-width:800px)
	{ 
		#wrap {
			padding-bottom:137%;
			}
	
		#title  {
			height:13%;
			}
			
		#title h1 {
			font-size:5.8em;
			margin-left:14.3%;
			}
			
		#nav .dun ul li {
			padding-left:2%;
			}
		
		#gal {
			padding-bottom:8%;
			}
			
		#footer {
			margin-top:131%;
			}
			
		.view {
			margin-left:22.5%;
			}
			
		.view1 {
			margin-top:27%;
			margin-left:22.5%;
			}
			
		.view2 {
			margin-top:57.2%;
			margin-left:22.5%;
			}
			
		.view3 {
			margin-top:87%;
			margin-left:22.5%;
			}
	}
	
@media screen and (max-width:700px)
	{ 
		#wrap {
			padding-bottom:160%;
			}
	
		#title  {
			height:13%;
			}
			
		#title h1 {
			font-size:5.5em;
			margin-left:12%;
			}
			
		#nav .dun ul li {
			padding-left:2%;
			}
		
		#gal {
			padding-bottom:8%;
			}
			
		#footer {
			margin-top:150%;
			}
			
		.view {
			margin-left:19%;
			}
			
		.view1 {
			margin-top:31%;
			margin-left:19%;
			}
			
		.view2 {
			margin-top:65%;
			margin-left:19%;
			}
			
		.view3 {
			margin-top:99%;
			margin-left:19%;
			}
	}
	
@media screen and (max-width:600px)
	{ 
		#wrap {
			padding-bottom:200%;
			}
	
		#title  {
			height:13%;
			padding-top:1.5%;
			}
			
		#title h1 {
			font-size:4.8em;
			margin-left:11%;
			}
			
			
		#nav {
			height:3.1%;
			}
		
		#nav .dun ul li {
			padding-left:2%;
			font-size:1.1em;		
			}
		
		#gal {
			padding-bottom:8%;
			}
			
		#footer {
			margin-top:175%;
			}
			
		.view {
			margin-left:14.5%;
			}
			
		.view1 {
			margin-top:37%;
			margin-left:14.5%;
			}
			
		.view2 {
			margin-top:77%;
			margin-left:14.5%;
			}
			
		.view3 {
			margin-top:117%;
			margin-left:14.5%;
			}
	}
	
@media screen and (max-width:500px)
	{ 
		#wrap {
			padding-bottom:255%;
			}
	
		#title  {
			height:10%;
			padding-top:4%;
			}
			
		#title h1 {
			font-size:4em;
			margin-left:11%;
			}
			
			
		#nav {
			height:2.6%;
			}
		
		#nav .dun ul li {
			padding-left:2%;
			font-size:0.9em;		
			}
		
		#gal {
			padding-bottom:8%;
			}
			
		#footer {
			margin-top:216%;
			}
			
		.view {
			margin-left:7.3%;
			}
			
		.view1 {
			margin-top:45%;
			margin-left:7.3%;
			}
			
		.view2 {
			margin-top:93%;
			margin-left:7.3%;
			}
			
		.view3 {
			margin-top:141%;
			margin-left:7.3%;
			}
	}
	
@media screen and (max-width:400px)
	{ 
		#wrap {
			padding-bottom:255%;
			}
	
		#title  {
			height:10%;
			padding-top:4%;
			}
			
		#title h1 {
			font-size:2em;
			margin-left:11%;
			}
			
			
		#nav {
			height:2.6%;
			}
		
		#nav .dun ul li {
			padding-left:2%;
			font-size:0.9em;		
			}
		
		#gal {
			padding-bottom:8%;
			}
			
		#footer {
			margin-top:214%;
			}
			
		.view {
			margin-left:7.3%;
			}
			
		.view1 {
			margin-top:45%;
			margin-left:7.3%;
			}
			
		.view2 {
			margin-top:93%;
			margin-left:7.3%;
			}
			
		.view3 {
			margin-top:141%;
			margin-left:7.3%;
			}
	}