body {
background-color: white;	
margin:0;	
padding:0;	
font-size:100%;
}

.slicknav_menu {	
display:none;
}

@media screen and (max-width: 40em) {	
.js #menu {		
display:none;	}	
.js .slicknav_menu {		
display:block;	}
}

@font-face { font-family: NewFont; 
src: url('../fonts/PTN57F.eot'); 
src: url('../fonts/PTN57F.eot?iefix') format('eot'),
url('../fonts/PTN57F.ttf') format('truetype');
}


@font-face {
	font-family: 'bebas_neueregular';
	src: url('../fonts/bebasneue-webfont.eot');
	src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/bebasneue-webfont.woff') format('woff'),  url('../fonts/bebasneue-webfont.ttf') format('truetype'),  url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'helvetica_3e';
  font-style: normal;
  font-weight: 400;
  src: local('helvetica_3e'), local('helvetica_3e'), url(../fonts/HelveticaNeueLTStd-LtCn.woff) format('woff');
}

@font-face {
  font-family: "daxcompact";
  font-style: normal;
  font-weight: normal;
  src: local('daxcompact'), local('daxcompact'), url(../fonts/daxcompact-regular-webfont.woff) format('woff'); 
}

@font-face {
  font-family: "oswald";
  font-style: normal;
  font-weight: normal;
  src: local('oswald'), local('oswald'), url(../fonts/oswald.woff2) format('woff2'); unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}



h1 { 
color: black; 
Font-family: oswald;  
font-weight: normal;
font-size: 24px;

}



h2 { 
color: gray; 
Font-family: oswald;  
font-weight: bold;
font-size: 20px;

}

p , ol , ul { 
color: gray; 
Font-family: oswald;  
font-weight: normal;
font-size: 16px;

}


hr { 
border: none;
border-top: 1px dotted white;
color: transparent;
background-color: transparent;
height: 1px;
}




.footer h1  {
font-family: oswald;
font-size: 23px;
color: #ef3120;
font-weight: normal;
margin:0px;
}

.footer p  {
font-family: oswald;
font-size: 16px;
color: white;
font-weight: normal;
margin:0px;
}


.footer a:hover {
font-family:  daxcompact;
font-size: 14px;
color: black;
font-weight: normal;
}


.footerheadline {
color: black; 
Font-family: helvetica_3e;  
font-weight: bold;
font-size: 26px;
}

/* ---------- IMG DISPLAY ----------------------------------------------------------------------------------------------------- */



.img_display {
margin: 3px 3px 3px 3px; 
padding: 3px; 
border: 1px solid gray;
background: transparent; 
} 


.mainform input {width: 100%; font-family: NewFont; font-size: 14px; color: gray; text-decoration:none; font-weight:normal; margin-top: 2px; padding: 8px;  background-color: white; border: 1px gray solid; border-radius: 3px 3px 3px;}
.mainform select {width: 100%; font-family: NewFont; font-size: 14px; color: gray; text-decoration:none; font-weight:normal; margin-top: 2px; padding: 8px;  background-color: white; border: 1px gray solid; border-radius: 3px 3px 3px;}
.mainform textarea {width: 100%; font-family: NewFont; font-size: 14px; color: gray; text-decoration:none; font-weight:normal; margin-top: 2px; padding: 8px;  background-color: white; border: 1px gray solid; border-radius: 3px 3px 3px;}
.mainform input[type=submit] {width: 100%; font-family: NewFont; font-size: 14px; color: white; text-decoration:none; font-weight:normal; margin-top: 8px; margin-bottom: 15px; padding: 2px;  background-color: gray; border: 1px gray solid; border-radius: 3px 3px 3px;}

/* ---------- PORTFOLIO GROUP DISPLAY ----------------------------------------------------------------------------------------------------- */



.portfolio ol {
list-style-type:decimal-leading-zero;
font-family: helvetica_3e;
font-size: 19px;
color: #0182ff;
}

.portfolio li a {
width: auto; 
font-family: helvetica_3e;
font-size: 19px;
color:  gray;
display:block;
font-weight:bold;
margin-top: 30px;
text-align:left;
text-decoration:none;
text-transform: uppercase;
}

.portfolio li a:hover, .menu ul li:hover a{
color:black;
text-decoration:none;
}

.portfolio_form input {
width: 300px; 
font-family: NewFont; 
font-size: 18px; 
color: gray; 
text-decoration:none; 
font-weight:normal; 
margin: 4px 4px 4px 4px; 
padding: 4px 4px 4px 4px;  
background-color: white; 
border: 1px transparent solid; 
border-radius: 3px 3px 3px;
}

.portfolio_form textarea {
width: 950px; 
font-family: NewFont; 
font-size: 18px; 
color: gray; 
text-decoration:none; 
font-weight:normal; 
margin: 4px 4px 4px 4px; 
padding: 4px 4px 4px 4px; 
background-color: white; 
border: 1px transparent solid; 
border-radius: 3px 3px 3px;
display: block;
}

.portfolio_form input[type=submit] {
width: 100px; 
font-family: austrian; 
font-size: 18px; 
color: white; 
text-decoration:none; 
font-weight:normal; 
margin: 4px 4px 4px 4px; 
padding: 4px 4px 4px 4px;  
background-color: black; 
border: 1px silver solid; 
border-radius: 3px 3px 3px;
}


.portfolio_display {
margin: 6px 6px 3px 6px; 
padding: 10px; 
border: 1px dotted black; 
background:  
transparent; float:left
}