@media only screen and (max-device-width: 800px) {

body {

	font-size: 20px; 
	
}

h1 {
	font-size: 12px;
	text-transform: uppercase;
}


#under {
	visibility:hidden;
	display:none;
}

#all { 
	max-width: 1200px;
	width:100% !important; 
	margin: 0 auto;
}

}

@media only screen and (max-device-width: 660px) {


@font-face {
	  font-family: 'Moontype';
	    src: url('webfont/Moontype-Bold.otf'); /* all */
	  src: url('webfont/Moontype-Bold.eot'); /* IE9 Compat Modes */
	  src: url('webfont/Moontype-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('webfont/Moontype-Bold.woff') format('woff'), /* Modern Browsers */
		   url('webfont/Moontype-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */

	  font-style:   normal;
	  font-weight:  700;
	  text-rendering: geometricPrecision;
	  display: inline-block;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		line-height: 1;
		text-decoration: inherit;
	
	}

	@font-face {
	  font-family: 'Moontype';
		src: url('webfont/Moontype-BoldItalic.otf'); /* all */
	   src: url('webfont/Moontype-BoldItalic.eot'); /* IE9 Compat Modes */
	   src: url('webfont/Moontype-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	        url('webfont/Moontype-BoldItalic.woff') format('woff'), /* Modern Browsers */
			url('webfont/Moontype-BoldItalic.ttf')  format('truetype'); /* Safari, Android, iOS */

       
	  font-style:   italic;
	  font-weight:  700;
	  text-rendering: geometricPrecision;
	  display: inline-block;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		line-height: 1;
		text-decoration: inherit;
	
	}

body {
	font-family: 'Moontype', bold, sans-serif; 
	font-size: 35px; 
	background: #f6f6f6;
	margin: 20px 20px 0px 20px;
	text-transform:uppercase;
}

h1 {
	font-size: 12px;
	text-transform: uppercase;
}

hr {
	 border: 0px solid transparent;
}

#text { 
	border-bottom: 50px solid transparent;  
}

#all { 
	max-width: 1200px;
	width:100% !important; 
	margin: 0 auto;
}

img {
	/*
    max-width: 100%;
    height: auto; 
	*/
	padding-bottom:50px;   
}

#over { 
	/* z-index:2;
	position: relative;    */
}

#under {
	visibility:hidden;
	display:none;
}

#head{ 
	padding-top:20px; 
	position:relative;
	max-width: 1200px;
	z-index:99;
}

#footer{
	clear: both;

}

#center_footer { 
	padding-top: 20px;
	width:80%;
	margin-left:auto;
	margin-right:auto; 
}

#left_footer{
	clear:both!important;
	float:none!important;
	width:80%;
	margin-left:auto;
	margin-right:auto; 
}

#right_footer{
	clear:both!important;
	float:none!important;
	width:80%;
	margin-left:auto;
	margin-right:auto; 
}

.content_footer{
	clear:both!important;
	float:none!important;
	text-align:center;
	width:80%;
	border-top: 4px solid #141414 !important;
	padding-top: 10pt;
	padding-left: 0px;
	margin-left:auto;
	margin-right:auto; 
}

.left{
	left: 20px;     
	position: absolute;
}
 
.logo{   
	left: 45%;  
	position: absolute; 
	max-width: 60px; 
}

.right{ 
	right: 20px;    
	position: absolute;
}


ul#navi {
    margin: 0; 
	padding: 0;
	text-align: center;
}

ul#navi li {
	display: inline;
    list-style: none;
    margin: 0; 
	padding: 0;
}

#left{
	font-size: 0px;
	float:none!important;
	visibility: hidden;
	display:none;
	padding-top: 0px;
	border-bottom: 0px solid transparent; 
}

#center{
	padding-top: 150px;
	float:none;
	clear: both;
	width:80%;
	margin-left:auto;
	margin-right:auto; 
}

#right { 
	float:none!important;
	padding-top: 0pt;
	width:80%;
	margin-left:auto;
	margin-right:auto; 
}

.navi a:link {
	border-bottom:0px solid #141414 !important;
}

.navi a:visited {
	border-bottom:0px solid #141414 !important;
}

.navi a:hover {
	border-bottom:0px solid #141414 !important;
}

.navi a:active {
	border-bottom:0px solid #141414 !important;
}


#over a:link {
	border-bottom:0px solid #141414 !important;
}

#over a:visited {
	border-bottom:0px solid #141414 !important;
}

#over a:hover {
	border-bottom:0px solid #141414 !important;
}

#over a:active {
	border-bottom:0px solid #141414 !important;
}

a:link { border-bottom:0px solid #141414; }
a:visited {border-bottom:0px solid #141414; }
a:hover {border-bottom: 0px solid #141414; opacity: 0.3 !important; }
a:active {border-bottom: 0px solid #141414; opacity: 0.3 !important; }
a:focus { border-bottom: 0px solid #141414;}

}

@media only screen and (max-device-width: 400px) {

body {
	font-size: 20px; 
}

.logo{   
	left: 45%;  
	position: absolute; 
	max-width: 40px; 
}

}