html 
{
	height:100%;
	box-sizing:border-box;
}

*,
*:before,
*:after {
	box-sizing:inherit;
}

body
{
	position:relative;
	padding-bottom:24rem;
	min-height:100%;
	
	margin:0px;
	font-family:"Arial Black", "Arial Bold", "Arial-BoldMT", "Times New Roman", Times, serif;
	/*font-family:Arial, "Times New Roman", Times, serif;*/

	background-color:#4b4446;
	color:white;
	min-height:100%;
}

video
{
	background-color:white;
	padding:10px;
	/*padding-bottom:40px;*/
	box-shadow:10px 10px 10px rgba(0, 0, 0, 0.5);
	width:95%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border-radius:5%;
}

#Projects
{
	display:inline-block;	
}

#Projects a
{
	color:white;
	text-decoration:none;	
}

.project
{
	width:25%;
	float:left;
	padding:2.245%;
	padding-top:25px;
}

.project img
{
	width:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	border-radius:25%;
	border-style:ridge;
}

.project p
{
	text-align:justify;
}

.project h3
{
	margin:0px;
	margin-bottom:20px;
}

#Tools
{
	display:inline-block;
}

#Tools img
{
	max-height:74px;
	float:left;
	padding:10px;
}

#Portfolio
{
	text-align:center;
	font-size:4em;
	margin:0px;
}

.noMargin
{
	margin:0px;
}

.parallax
{
	/* Slight offset */
	margin-top:50px;
	
	/* Set a specific height */
	height:400px; 
	width:100%;
	/* Create the parallax scrolling effect */
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	
	/* Position the parallax content outside of other divs*/
	position:absolute;
	left:0px;
	
	/* Apply effects */
	filter:blur(3px);
}

@media only screen and (max-device-width: 1024px) {
    .parallax {
        background-attachment: inherit;
		height:400px; 
        background-size: unset;
        background-position: center;
    }
}

.parallax-offset
{
	width:100%;
	height:475px;
}

.parallax-header
{
	position:absolute;
	/*left:50%;
	transform:translateX(-50%);*/
}

.parallax-offset h3
{
	position:relative;
	text-align:center;
	/*margin-top:165px;*/
	margin-top:400px;
	background-color:#4b4446;
	padding:12px;
	border-radius: 10px 10px 0px 0px;
}

.content
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.content p
{
	margin:0px;
	padding:0px;
}
header
{
	width:100%;
	background-color:grey;
	position:fixed;
	top:0px;
	left:0px;
	box-shadow:0px 5px 20px #888888;
}
header a
{
	cursor:pointer;
}
#menu img
{
	padding:2px;
}
#menu form
{
	padding:1px;
}
nav
{	
	margin:auto;
	max-width:1000px;
	min-width:750px;
}

h1
{
	color:white;
	margin:0px;
	padding-top:4px;
}

h2
{
	/*font-family:"Black Crayon";*/
	font-family:"Gotham", "Arial Black", "Arial Bold", "Arial-BoldMT", "Times New Roman", Times, serif;
    text-shadow:2px 2px #000000;
    font-size:2.5em;
	font-weight:normal;
	margin-bottom:0;
}

h3
{
	/*font-family:"Black Crayon";*/
	font-family:"Gotham", "Arial Black", "Arial Bold", "Arial-BoldMT", "Times New Roman", Times, serif;
    text-shadow:2px 2px #000000;
    font-size:1.5em;
	font-weight:normal;
	margin-bottom:0;
}

h4
{
	color:white;
	margin:0px;
	font-size:4em;
	text-align:center;
	padding-top:100px;
}

/*@font-face {
    font-family:"Black Crayon";
    src:url(/fonts/Black_Crayon.ttf);
}*/

article p a
{
	color:white;
	font-style:italic;
	text-decoration:none;
}

#ajax-content
{
	width:97.5%;
	display:block;
	margin-left:auto;	
	margin-right:auto;
}

#ContactHolder
{	
    max-width:1000px;
    min-width:100px;
    margin:auto;
    position:absolute;
    right:0;
    bottom:100px;
    left:0;
}

#contacts
{
	margin:auto;
	width:787px;
	padding:16px;
	padding-top:141px;
}
#contacts a:first-child
{
	margin-left:0px;
}
#contacts a
{
	margin-left:15px;
	text-decoration:none;
}
#SkypeContact
{
	width:101px;
	height:32px;
	background-image:url("/images/Skype.png");
	display:inline-block;
	filter:drop-shadow( 3px 3px 1px rgba(0, 0, 0, 0.3));
}
#SkypeContact:hover
{
	width:111px;
	height:35px;
	margin-bottom:-3px;
	background-size:cover;
	margin-left:-5px;
	margin-right:-5px;
}
#EmailContact
{
	width:119px;
	height:32px;
	background-image:url("/images/Email.png");
	display:inline-block;
	filter:drop-shadow( 3px 3px 1px rgba(0, 0, 0, 0.3));
}
#EmailContact:hover
{
	width:129px;
	height:34px;
	margin-bottom:-2px;
	background-size:cover;
	margin-left:-5px;
	margin-right:-5px;
}
#LinkedInContact
{
	width:126px;
	height:32px;
	background-image:url("/images/LinkedIn.png");
	display:inline-block;
	filter:drop-shadow( 3px 3px 1px rgba(0, 0, 0, 0.3));
}
#LinkedInContact:hover
{
	width:136px;
	height:34px;
	margin-bottom:-2px;
	background-size:cover;
	margin-left:-5px;
	margin-right:-5px;
}
#TwitterContact
{
	width:172px;
	height:32px;
	background-image:url("/images/Twitter.png");
	display:inline-block;
	filter:drop-shadow( 3px 3px 1px rgba(0, 0, 0, 0.3));
}
#TwitterContact:hover
{
	width:182px;
	height:33px;
	margin-bottom:-1px;
	background-size:cover;
	margin-left:-5px;
	margin-right:-5px;
}
#MyDiscord
{
	width:124px;
	height:34px;
	background-image:url("/images/Discord.png");
	display:inline-block;
	filter:drop-shadow( 3px 3px 1px rgba(0, 0, 0, 0.3));
}
#MyDiscord:hover
{
	width:141px;
	height:36px;
	margin-bottom:-2px;
	background-size:cover;
	margin-left:-5px;
	margin-right:-5px;
}
.photo_holder
{
	background-color:white;
    padding:10px;
    padding-bottom:40px;
    box-shadow:10px 10px 10px rgba(0, 0, 0, 0.5);
	float:right;
	transform:rotate(20deg);
	margin-left:33px;
	margin-right:40px;
	margin-bottom:25px;
}
.-photo_holder
{
	background-color:white;
    padding:10px;
    padding-bottom:40px;
    box-shadow:10px 10px 10px rgba(0, 0, 0, 0.5);
	float:right;
	transform:rotate(-20deg);
	margin-left:33px;
	margin-bottom:25px;
}
.small_photo_holder
{
	background-color:white;
    padding:10px;
    padding-bottom:40px;
    box-shadow:10px 10px 10px rgba(0, 0, 0, 0.5);
	float:right;
	transform:rotate(10deg);
	margin-left:33px;
	margin-bottom:40px;
}
.-small_photo_holder
{
	background-color:white;
    padding:10px;
    padding-bottom:40px;
    box-shadow:10px 10px 10px rgba(0, 0, 0, 0.5);
	float:right;
	transform:rotate(-10deg);
	margin-left:33px;
	margin-bottom:40px;
}
.rot10
{
	 transform:rotate(10deg);
}
.rot-10
{
	 transform:rotate(-10deg);
}
.rot20
{
	 transform:rotate(20deg);
}
.rot-20
{
	 transform:rotate(-20deg);
}
.-marginRight300
{
	margin-right:-300px;
}
.noMargin
{
	margin:0px;
}
.bold
{
	font-weight:bold;
}
.padded
{
	padding:5px;
}
.paddingLeft
{
	padding-left:5px;
}
#ContactInformation
{
	margin-bottom:-90px;
	transform:rotate(5deg);
}
.-marginRight
{
	margin-right:-70px;
}
.displayInline
{
	display:inline;
}
.menu_link
{
	display:inline;
	color:white;
	text-decoration:none;
	text-shadow:4px 4px #000000;
}
#menuBacking
{
	width:100%;
	height:50px;
	background-color:#3a3a3a;
}
#menu
{
	font-size:15px;
	margin:auto;
	padding:0px;
	max-width:1000px;
	min-width:750px;
	height:20px;
	font-family:"Arial Black", "Arial Bold", "Arial-BoldMT", "Times New Roman", Times, serif;
}
#menu p
{
	color:white;
	padding:0px 0px;
	float:right;
}
#menu p a
{
	text-decoration:none;
	color:white;
	padding:0px 5px;
}
#menu p a:hover
{
	text-decoration:underline;
}
article
{
	max-width:1000px;
	min-width:750px;
	margin:auto;
	padding:0px 0px;
}
.noBullets
{
	list-style-type:none;
}
#sidebar
{
	float:right;
	border-bottom:solid;
	border-width:3px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color:darkgrey;
	padding:10px;
	box-shadow:0px 0px 30px 0px rgba(50, 50, 50, 1);
	width:300px;
	/*height:300px;*/
}
#sidebar p
{
	color:white;
}
#sidebar h3
{
	color:white;
}
.error
{
	color:red;
}
#recaptcha_area
{
    margin:auto;
}
footer
{
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	
	width:100%;
	background-color:#1d1d1d;
}
.footerContent
{
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	margin-top:0px;
	max-width:1000px;
	min-width:750px;
	color:white;
}
.footerContent p
{
	display:block;
	height:18px;
	font-size:15px;
}
.footerContent span a
{
	color:white;
	text-decoration:none;
}
.footerContent span a:hover
{
	text-decoration:underline;
}
#cookieBlock
{
	float:left;
	width:100%;
	height:41px;
}
#footerBlock
{
	float:left;
	width:100%;
	height:78px;
}
/*Form stuff*/
form
{
	font-weight:bold;
}

input
{
	box-sizing:border-box;
	border-radius:5px;
	width:100%;
	height:30px;
	margin:auto;
	font-weight:bold;
	
}
input[type="checkbox"]
{
	height:1em;
	width:1em;
	cursor:pointer;
}
input[type="submit"]
{
	cursor:pointer;
}
label
{
	cursor:pointer;
}
.small_seperate
{
	width:100%;
	height:5px;
}
.quarter
{
	width:25%;
}

.third
{
	width:33.33%;
}

.noTopRight
{
	border-top-right-radius:0px;
}
.noBottomLeft
{
	border-bottom-left-radius:0px;
}
.noTopLeft
{
	border-top-left-radius:0px;
}
.noBottomRight
{
	border-bottom-right-radius:0px;
}
.noRadius
{
	border-radius:0px;
}
.noRightBorder
{
	border-right:0px;
}
.noLeftBorder
{
	border-left:0px;
}

.submit
{
	background-color:green;
	color:white;
	border-radius:5px;
	display:block;
	margin:auto;
}
#ppBody
{
	font-size:11pt;
	max-width:960px;
	margin:0 auto;
	text-align:justify;
}
/*Other stuff*/
.overflowAuto
{
	overflow:auto;
}
.overflowHidden
{
	overflow:hidden;
}
.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.clearLeft
{
	clear:left;
}

.clearRight
{
	clear:right;
}

.center
{
	text-align:center;
}

.large
{
	font-size:2em;
}

.FancyAnchor
{
	display:inline-block;
	background-color:white;
	text-align:center;
	width:150px;
	height:40px;
	border:solid;
	text-decoration:none;
	border-radius:0.5em;
	padding:10px;
	border-color:black;
	color:black;
}

.FancyAnchor:hover 
{
	background-color:#c4c4c4;
}

.nojs
{
	display:none;
}

.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
}
 
.menu {
    width:1000px;
    margin:0px auto;
}
 
.menu li {
    margin:0px;
    list-style:none;
	font-family:"Arial Black", "Arial Bold", "Arial-BoldMT", "Times New Roman", Times, serif;
}
 
.menu a {
    transition:all linear 0.15s;
    color:#919191;
	text-decoration:none;
}
 
.menu li:hover > a, .menu .current-item > a {
    color:white;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
}
 
.menu > ul > li > a {
    padding:10px 23px;
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#2e2728;
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
}
.last
{
	width:100%;
}
.sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a {
    padding:10px 23px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;
}

.menu-wrap ul {
margin:0px;
padding:0px;
}
.menu-wrap {
display:inline-block;
}