body { 
font-family: Gill Sans Nova Light, Helvetika, sans-serif; font-weight:lighter; background: #404040; border-top:3px solid #c4d000;
}
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.raleway-speziFont {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <200>;
  font-style: normal;
}
section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	display: block;
	}
hr {
	width:800px; 
	margin:40px auto;
	color:#303030; 
	box-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
	}
a {color:#c4d000;}
p {
	font-family: Arial, Helvetica, sans-serif; color:#fff; font-size: 1em;
	}
ol, ul {
	list-style: none;
	}
	ul {
		padding-left: 1em;
	}
		ul li {
			padding-left: 0.5em;
		}
h1 {
	margin-top:35px; text-align:center; 
	font-family: Gill Sans Nova Light, sans-serif; font-size:3em; font-weight:lighter;
	color:#c4d000; 
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
	}
	h1.slog {
		font-size: 2.8em; 
		letter-spacing: -1px;
	}
h2 {
	margin:0px auto; padding:45px 0 0 0; width:600px; 
	text-align:center; font-size:2em; font-weight:lighter;
    color:#e6e6e6; 
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
	}
h3 {
	margin:140px auto 0px auto; width:600px; 
	text-align:center; font-size:2.335em; font-weight:lighter;
    color:#e6e6e6; 
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050; 
	}
h4 {
	margin:0px auto; padding:0 0 0px 0; width:600px; 
	text-align:center; font-size:1.1em; 
	color:#e6e6e6; 
	}
#web {
	height:100%; 
	background: url("../images/creaM_web_bg40.png") no-repeat; 
	background-size:cover;
	margin-top:-5px;
	box-shadow-top: 5px #000;
	-moz-box-shadow: 0px 3px 3px #000;
	-webkit-box-shadow: 0px 3px 3px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
	}
#part1 { 
  }
  
/* Icons */
	ul.icons {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}
		ul.icons li {
			display: inline-block;
			padding-left: 0.75em;
		}
		ul.icons a {
			-moz-transition: background-color 0.25s ease-in-out;
			-webkit-transition: background-color 0.25s ease-in-out;
			-ms-transition: background-color 0.25s ease-in-out;
			transition: background-color 0.25s ease-in-out;
			display: inline-block;
			width: 2.75em;
			height: 2.75em;
			line-height: 2.8em;
			text-align: center;
			border: 0;
			box-shadow: inset 0 0 0 1px #e6e6e6;
			border-radius: 100%;
			color: #aaa;
		}
			ul.icons a:hover {
				background: rgba(0, 0, 0, 0.025);
			}
/* Icons */
	.icon {
		text-decoration: none;
		text-decoration: none;
	}
		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}
		.icon:before {
			line-height: inhreit;
		}
		.icon > .label {
			display: none;
		}
		.icon.solid:before {
			font-weight: 900;
		}
		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}
/* Menu */
	ul.menu {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}
		ul.menu li {
			display: inline-block;
			line-height: 1em;
			border-left: solid 1px #e6e6e6;
			padding: 0 0 0 0.5em;
			margin: 0 0 0 0.5em;
		}
			ul.menu li:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}
		ul.menu li a{
			display: block;
			padding: 3px;
			line-height: 1em;
			text-decoration: underline;	
			font-weight: normal;			
		}
			ul.menu li a:hover {
				border-top: solid 1px #e6e6e6;
				font-weight: bold;
			}	
			
/* Footer */
	#footer {
		position: relative;
		margin: 0;
		text-align: center;
		/*padding: 4em 0 8em 0;
		box-shadow: inset 0 1px 0 0 #e6e6e6;*/
	}
		#footer .copyright {
			padding: 0.5em 0 0.5em 0;
			font-size: 0.9em;
			color: #fff;
		}
			#footer .copyright a {
				color: inherit;
			}
		#footer ul.icons a {
			box-shadow: inset 0 0 0 1px #d6d6d6;
			color: #242424;
		}

@media screen and (max-width: 1000px) {
		#footer {
				margin: 0 !important;
				padding: 3em 0 3em 0;
			}
				#footer .copyright {
					margin-top: 2em;
				}
	}
	
@media screen and (max-width: 736px) {	
	hr {
	width:80%; 
	margin:40px auto;
	}
	h1 {
	margin-top:10px;
	line-height:80px; 
	font-size:3.0em; /*font-weight:lighter;*/
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
	}
	h1.slog {
		font-size: 3.2em; 
		letter-spacing: -1px;
		line-height:65px;
		margin:0px auto 40px auto;
	}
	h2 {
		margin:0px auto; 
		width:90%; 
		font-size:1.5em;
		font-weight:lighter;		
		line-height:35px; 
		text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
		}
	h3 {
		margin:150px auto 0px auto; 
		width:90%; 
		font-size:1.5em;
		font-weight:lighter;		
		line-height:35px;  
		text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050; 
		}
		#web {			
			background: url("../images/creaM_web_bg40.png") no-repeat; 
			background-size:100% auto;
			margin-top:0px;
			padding:20px 0 0 0;
			box-shadow-top: 8px #000;
			-moz-box-shadow: 0px 3px 3px #000;
			-webkit-box-shadow: 0px 3px 3px #000;
			}
		#footer {
			margin: 0 !important;
			padding: 1em 0 1em 0;
			}
				#footer .copyright {
					margin-top: 2em;
				}
	}