@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900");

/* General */

html
{
	width: 100%;
	min-width: fit-content;
	
	background: url(images/ice.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body
{
	margin: 0px;
}

/* Video play overlay */

.VideoPopUp
{
	position: fixed;
	z-index: 2;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
}

.VideoOverlay
{
	display:inline-block;
	background-color: black;
	opacity: 0.9;
	width: 100%;
	height: 100%;
	
}

.RemoveVideoOverlay
{
	position: absolute;
	float: right;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
	padding: 4px;
	background-color: rgba(5, 5, 5, 0.0);
}

.RemoveVideoOverlay:hover
{
	background-color: rgba(200, 200, 200, 0.3);
}

.RemoveVideoOverlay:active
{
	background-color: rgba(200, 200, 200, 0.7);
}

.RemoveVideoOverlay > img
{
	width: 100%;
	height: 100%;
}

.VideoPopUp > iframe
{
	position: absolute;
	top: 50%;
	right: 50%;
	-moz-transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	background-color: black;
}

/* Navigation Header and Menu */

.navigationBanner
{
	display:block;
	width: 100%;
	height: auto;
	min-width: 1100px;
}

.navigationBanner > img
{
	display:block;
	width: 100%;
	height: 100%;
}

.menu
{
	position:relative;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: rgba(20, 26, 28,1.0);
	height: 50px;
	width: 100%;
}

.menu > .menuContent
{
	width: calc(60% + 20px);
	min-width: 798.09px;

	height: 100%;
	margin-left: calc(20%);
}

.menu > .menuContent > ul:first-child
{
	border-left: solid 2px rgba(72,83,89,1.0);
}

.menu a
{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: white;
	width: 100%;
	height:100%;
	font-family:'Raleway', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14pt;
	text-transform: uppercase;
}

.menu > div > ul
{
	padding: 0 0 0 0;
	margin: 0;
	width: 100%;
	height: 100%;
	list-style-type: none;
}

.menu > div > ul > li
{
	
	float: left;
	
	background-color: transparent;
	height: 100%;
	width: calc(100% / 4 - 2px);
	border-right: solid 2px rgba(72,83,89,1.0);
}

.menu > div > ul > .MenuActive
{
	background-color: rgba(72,83,89,1.0);
}

.menu > div > ul > .MenuActive:hover
{
	background-color: rgba(72,83,89,1.0);
}

.menu > div > ul > .MenuActive:active
{
	background-color: rgba(72,83,89,1.0);
	color: white;
}

.menu > div > ul > li:hover
{
	background: rgba(46,48,50,1.0);
}

.menu > div > ul > li:hover a, .menu a:hover
{
	text-decoration: none;
}

.menu > div > ul > li:active
{
	background-color: rgba(72,83,89,1.0);
}

/* Main Column */

.entryColumn
{
	background-color: rgba(0, 0, 0, 0.55);
	display: inline-block;
	
	width: 60%;
	min-width: 778.09px;

	padding: 10px;
	padding-top: 0px;
	margin-left: calc(20%);
}

.footer
{
	text-align: center;
	color: gray;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 9pt;
	margin-bottom:5px;
}

#withMargin
{
	margin-top: 25px;
}

.footer p
{
	margin: 0px;
}

.footer a
{
	color: gray;
}

.footer #impressum
{
	margin-left: 5%;
}

/* About */

#about
{
	width: 70%;
	position: relative;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	min-width: 590px;
	margin-bottom:30px;
	margin-top: 0px;
}

.legalNotice
{
	color: #ccc;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	padding: 20px 20px 0px 20px;
}

.legalNotice h5
{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	font-size: 11.5pt;
}

.legalNotice ul 
{
	margin-bottom: 20px;
}

.legalNotice #noDots
{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
} 

/* Headlines */

.customHeadline
{

	color: white;
	text-align: center;
	padding-top: 22px;

	margin-bottom: 10px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
}				

.customHeadline h3
{
	height: auto;
	display: inline-block;
	margin: 0px;
	font-size: 25pt;
	text-transform: uppercase;
	font-weight: normal;
	padding: 10px 0px 10px 0;
}

/* Game Article */

.gameEntry 
{
	background: rgba(36,43,46,0.8);
	margin: 0 0 3em 0;
	position: relative;
	border-radius: 10px;
}

	/* Game widget header */
	
	.gameEntry > header 
	{
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		position: relative;
		width: 100%;
	}

	/* Game widget header title */

	.centeredText 
	{
		
	}

	.gameEntry > header .title 
	{
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-ms-flex: 1;
		padding-left: 1.5em;
		padding-right: 1.5em;
		text-align: center;
		color: #ccc;
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		line-height: 140%;
		
	}

	.gameEntry > header .title h2
	{
		font-size: 14pt;
		text-transform: uppercase;
		font-weight: normal;
	}

	.gameEntry > header .title p
	{
		margin-top: 0px;
		padding-bottom: 8px;
		margin-bottom: 10px;
		font-style: italic;
	}

	.gameEntry > header .title h3 
	{
		font-weight: 500;
		font-size: 1em;
		text-transform: none;
		letter-spacing: 0.15em;
		margin: -1em 0 0 0;
	}

	.gameEntry > header .title h3 a
	{
		color: #2ebaae;
	}

	/* Game widget header tools */

		
	.gameEntry > header .toolContainer 
	{
		border-left: solid 2px rgba(72,83,89,0.8);

		min-width: 17em;
		width: 17em;

		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;

		align-items: center;
		justify-content: center;
		vertical-align: middle;

		word-break: break-all !important;
		overflow-wrap: break-word;
	}

	.gameEntry > header .toolContainer.left 
	{
		border-left: 0;
		border-right: solid 2px rgba(0, 0, 0, 0.3);
	}

	.gameEntry > header .toolContainer > :last-child 
	{
		margin-bottom: 0;
	}

	.gameEntry > header .toolContainer .tools 
	{
		color: #ccc;
		display: block;
		font-family: "Raleway", Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 800;
		letter-spacing: 2.5px;
		text-transform: uppercase;
		word-break: normal;
		width: 100%;
		text-align: center;
		margin: 0px 6px 0px 6px;
	}

	/* Game widget body */
	
	.row
	{
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		background-color: rgba(72,83,89,0.6);
	}

	/* Game widget image and links */

	.splashImageWrapper
	{
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		min-width:300px;
		border-right: solid 2px rgba(36,43,46,0.8);
		text-align:center;
		position:relative;
		align-items:center; /*for vertically center*/
	}


	.splashImageWrapper > div > img
	{
		width:250px;
		height:200px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.GameImageSplash
	{
		position:relative;
		margin-top: 25px;
		left:22px;
		width:250px;
		margin-bottom: 25px;		
	}

	.SplashOverlayNoLink
	{
		position: absolute;
		width: 250px;
		height: 200px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;

		background-repeat: no-repeat;
		background-image: url(images/splashOverlay.png);
		
		border: none;
		background-color: transparent;
	}

	.SplashOverlay
	{
		position: absolute;
		width: 250px;
		height: 200px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;

		background-repeat: no-repeat;
		background-image: url(images/splashOverlay.png);
		
		border: none;
		background-color: transparent;
		
	}
		
	.SplashOverlay:focus
	{
		outline: none;
	}
		
	#clickable
	{
		border: none;
		background-color: transparent;
	}
	
	#clickable:hover
	{
		border: none;
		background-color: rgba(0,0,0, 0.3);
	}
	
	#clickable:active
	{
		border: none;
		background-color: rgba(0,0,0, 0.4);
	}
	
	#clickable:focus
	{
		outline: none;
	}
		
	.splashImageButtons
	{
		position: relative;
		background-color: rgba(82,94,107,0.95);
		height:50px;
		color: white;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		margin-top: -5px;
		width:100%;
		
	}

	.splashImageButtons p
	{
		color: #ccc;
		font-family:'Raleway', Tahoma, Geneva, Verdana, sans-serif;
		font-size: 1.2em;
		margin: 0px;
		text-transform: uppercase;
	}
	
	.splashImageButtons > span
	{
		width: 100%;
		height: 100%;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
	}

	.splashImageButtons a
	{
		color: #ccc;
		font-family:'Raleway', Tahoma, Geneva, Verdana, sans-serif;
		font-size: 1.2em;
		margin: 0px;
		text-transform: uppercase;
		text-decoration: none;
	}

	.splashImageButtons button
	{
		height: 100%;
		background-color: transparent;
		margin: 0px;
		padding: 0px;
		border: none;
		cursor: pointer;
	}

	.splashImageButtons > #PlayLinkOnly 
	{
		width: 100%;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.splashImageButtons > #PlayLinkOnly:hover
	{
		background-color: rgba(112, 123, 135,0.95);
	}

	.splashImageButtons > #PlayLinkOnly:active
	{
		background-color: rgba(90, 99, 110,0.95);
	}

	.splashImageButtons > #PlayLink 
	{
		width: 45%;
		border-right: solid 1px rgba(36,43,46,0.8);
		border-bottom-left-radius: 10px;
		
	}

	.splashImageButtons > #PlayLink:hover
	{
		background-color: rgba(112, 123, 135,0.95);
	}

	.splashImageButtons > #PlayLink:active
	{
		background-color: rgba(90, 99, 110,0.95);
	}

	.splashImageButtons > #StorePageLink 
	{
		width: 55%;
		border-left: solid 1px rgba(36,43,46,0.8);
		margin-left: -5px;
		margin-right: -1px;
		border-bottom-right-radius: 10px;
	}

	.splashImageButtons > #StorePageLink:hover
	{
		background-color: rgba(112, 123, 135,0.95);
	}

	.splashImageButtons > #StorePageLink:active
	{
		background-color: rgba(90, 99, 110,0.95);
	}

	.splashImageButtons > #StorePageLinkOnly 
	{
		width: 100%;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.splashImageButtons > #StorePageLinkOnly:hover
	{
		background-color: rgba(112, 123, 135,0.95);
	}

	.splashImageButtons > #StorePageLinkOnly:active
	{
		background-color: rgba(90, 99, 110,0.95);
	}

	/* Game widget description */

	.devDesc
	{
		width: 100%;
		padding-top: 3px;
		overflow-wrap: break-word;
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		color: #ccc;
		padding-bottom: 15px;
		
	}

	.devDesc > div > h4
	{
		margin: 0px;
		margin-bottom: 10px;
		
		padding-bottom: 10px;
		padding-top: 10px;
		border-bottom: solid 2px rgba(36,43,46,0.8);
		color: #ddd;
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 12pt;
		font-weight: normal;
	}
	
	.devDesc > div h4, .devDesc > div h5, .devDesc > div p
	{
		padding-left: 10px;
	}
	
	.devDesc h5
	{
		margin: 0px;
		padding-bottom: 10px;
		padding-top: 15px;
		color: #ddd;
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 10.5pt;
		font-weight: normal;
	}

	.devDesc > div > p
	{
		margin-top: 0px;
		margin-right: 40px;
		white-space: normal;
		margin-bottom: 0px;
	}

	.GenericList
	{
		margin: 0px 5px 0px 5px;
	}

	/* Me entry */

	.MeArticle
	{
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		border-radius: 10px;
		margin-bottom: 15px;
		background-color: rgba(72,83,89,0.8);

		width: 100%;
		margin-top: 35px;
	}

	/* Contact widget */

	#contact
	{
		width: 38%;
		position: relative;
		left: 50%;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		min-width: 435px;
	}

	/* Contact me image */

	.MePic
	{
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		align-items:center; /*for vertically center*/
		padding: 20px;
		border-right: solid 2px rgba(36,43,46,1);
	}

	.MePic img
	{
		width: auto;
		height: 180px;
		border-radius: 10px;
	}

	/* Contact me e-mail and links */

	.ContactContainer
	{
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		width: 50%;		
	}

	.MeContact
	{
		margin-left: 10%;
		color: #ccc;
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		margin-bottom: 20px;
	}

	.MeContact > h4
	{
		color: #ddd;
		font-size: 14pt;
		margin: 20px 0px 0px 0px !important;
	}

	.MeContact p
	{
		margin: 0px;
		
	}

	/* Me contact link bar */

	.MeContact > ul
	{
		padding: 0 0 0 0;
		margin: 0;
		width: 100%;
		list-style-type: none;
	}

	.MeContact > ul a
	{
		color: #ccc;
		text-decoration: none;
		width: 100%;
		height:100%;
	}

	.MeContact > ul li
	{
		float: left;
		margin-right: 5px;
		background-color: rgba(36,43,46,0.8);
		padding: 5px;
		margin-top: 7px;
	}

	.MeContact > ul li:hover
	{
		background-color: rgba(112, 123, 135,0.8);
	}

	.MeContact > ul li:active
	{
		background-color: rgba(90, 99, 110,0.8);
	}

	/* About me stats */

	.MeStatsContainer
	{
		display: inline-block;
		width: 42%;
		color: #ccc;
		border-right: solid 2px rgba(36,43,46,1);
		padding: 1%;
	}

	/* Stats and me pic table */

	.MeTable
	{
		display: table;
		
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.ContainerRow
	{
		display:table-row; 
		
	}
	
	.ContainerRow > #left
	{
		
	}

	.ContainerRow > #right
	{
		width: 55%; 
		padding-left: 2.5%;
	}

	.MeArticle > .MeStatsContainer .MeSplash
	{
		width: 95%;
		height: auto;
		border-radius: 10px;
		min-width: 143px;
	}
							
	.TableCell
	{
		display:table-cell; 
		padding:0px; 
		height: 100%;
		vertical-align: middle;
	}

	.MeStatsTable
	{
		display: table;
		width: 100%;
		height: 80%;
	}

	.MeStatsTable > .StatsRow
	{
		display:table-row; 
		text-align: left;
		
	}

	.MeStatsTable > .StatsRow .StatsContent
	{
		display:table-cell; 
		padding-bottom: 6%;
	}

	.MeStatsTable > .StatsRow .StatsEntry
	{
		display:table-row; 
		height: 100%;
		width: 100%;
	}

	.MeStatsTable > .StatsRow > .StatsContent > .StatsEntry img
	{
		display: table-cell;
		width: 65%;
		height: auto;
		padding-left: 10px;
		padding-right: 10px;
		max-width: 30px;
		min-width: 28px;
	}

	.MeStatsTable > .StatsRow > .StatsContent > .StatsEntry p
	{
		width: 75%;
		display: table-cell;
		margin: 0px;
		vertical-align: middle;
		font-size: min(max(12pt, 1.3vw), 14pt);
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	}

	/* About me description */

	.MeArticle > .MeDesc
	{
		display: inline-block;
		width: 50%;
		vertical-align: top;
		height: 100%;
		padding-left: 3%;
		overflow: hidden;
		color: #ccc;
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.MeArticle h4
	{
		margin: 5px 0px 5px 0px;
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-weight: normal;
		clear:both;
	}

	.MeArticle p
	{
		margin-top: 5px;
	}

	/* About me project link bar */

	.projectContent > ul
	{
		padding: 0 0 0 0;
		margin: 0;
		width: 100%;
		height: 100%;
		list-style-type: none;
		font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	}

	.projectContent
	{
		width: 100%;
		height:100%;
		margin-bottom: 10px;
		margin-top: 10px;
	}
							
	.projectContent a
	{
		text-decoration: none;
		color: #ccc;
		width: 100%;
		height:100%;
		font-family:'Raleway', Tahoma, Geneva, Verdana, sans-serif;
		text-transform: uppercase;
	}

	.projectContent li
	{
		display: inline-block;
		background-color: rgba(36,43,46,0.8);
		margin-right: 5px;
		padding: 5px;
		margin-bottom: 5px;
	}

	.projectContent li:hover
	{
		background-color: rgba(112, 123, 135,0.8);
	}

	.projectContent li:active
	{
		background-color: rgba(90, 99, 110,0.8);
	}

	/* About me experience bars */

	.PropertyBarContainer
	{
		width: 100%;
		margin-left: 2.5px;
	}

	.experienceEntry
	{
		display: inline-block;
		text-align: center;
		color: white;
		width: calc(100% / 4 - 28.5px);
		height: 100px;
		background-color: rgba(72,83,89,1.0);
		border-radius: 10px;
		padding: 10px;
		margin-right: 5px;
		margin-bottom: 15px;
		font-family: 'Raleway', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		vertical-align: middle;
	}
	
	.cutOutDot
	{
		background-color: rgba(0, 0, 0, 0.65);
		width: 20px;
		height: 20px;
		border-radius: 20px;
	}
		
	.experienceEntry p
	{
		height: 40px;
		margin-top: 10px;
		margin-bottom: 5px;
		position: relative;

	}
		
	.barBackground 
	{
		background-color: rgba(46,52,58,0.9);
		border-radius: 13px;
		padding: 3px;
		width:95%;
	}

	.barFill {
	  background-color: rgba(20, 26, 28,0.8);
	  
	  height: 20px;
	  border-radius: 10px;
	}

	.barFill[data="1"]
	{
		width: 5%;
	}
	
	.barFill[data="2"]
	{
		width: 10%;
	}
	
	.barFill[data="3"]
	{
		width: 15%;
	}
	
	.barFill[data="4"]
	{
		width: 20%;
	}
	
	.barFill[data="5"]
	{
		width: 25%;
	}
	
	.barFill[data="6"]
	{
		width: 30%;
	}
	
	.barFill[data="7"]
	{
		width: 35%;
	}
	
	.barFill[data="8"]
	{
		width: 40%;
	}
	
	.barFill[data="9"]
	{
		width: 45%;
	}
	
	.barFill[data="10"]
	{
		width: 50%;
	}
	
	.barFill[data="11"]
	{
		width: 55%;
	}
	
	.barFill[data="12"]
	{
		width: 60%;
	}
	
	.barFill[data="13"]
	{
		width: 65%;
	}
	
	.barFill[data="14"]
	{
		width: 70%;
	}
	
	.barFill[data="15"]
	{
		width: 75%;
	}
	
	.barFill[data="16"]
	{
		width: 80%;
	}
	
	.barFill[data="17"]
	{
		width: 85%;
	}
	
	.barFill[data="18"]
	{
		width: 90%;
	}
	
	.barFill[data="19"]
	{
		width: 95%;
	}
	
	.barFill[data="20"]
	{
		width: 100%;
	}

	/* Resume widget */

	.ResumeBgr
	{
		margin-top: -15px;
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}

	/* Resume chest download */

	.chest
	{
		display: inline-block;
		background-image: url(images/treasureChest.png);
		background-size: contain;
		width:120px;
		height: 80px;
		background-repeat: no-repeat;
		margin-left: 120px;
		cursor: pointer;
	}

	.chest:hover
	{
		background-image: url(images/chestOpen.png);
		width:120px;
		height: 120px;
	}
							
	.chest2
	{
		display: inline-block;
		width:120px;
		height: 120px;
	}
					
	@media only screen and (max-width: 1000px) 
	{
		/* General */
		
		.customHeadline h3
		{
			font-size: 35px;
			margin-bottom: 5px;
		}
		
		.RemoveVideoOverlay
		{
			width: 100px;
			height: 100px;
		}
		
		.entryColumn
		{
			background-color: rgba(1, 0, 0, 0.55);
			display: inline-block;
			
			width: 95%;
			min-width: 600px;
			padding: 10px;
			padding-top: 0px;
			margin-left: 1.75%;
		}
		
		.footer
		{
			font-size: 26px;
			margin-bottom:20px;
		}
		
		#withMargin
		{
			margin-top: 35px;
		}
		
		.footer #impressum
		{
			margin-left: 15%;
		}
		
		#about
		{
			width: 100%;
			margin-bottom:30px;
		}
		
		.legalNotice h5
		{
			font-size: 16px;
		}
		
		#about p
		{
			font-size: 14px;
		}

		.legalNotice ul 
		{
			font-size: 14px;
		}
		
		/* Menu */
		
		.menu
		{
			height: 80px;
		}
		
		.menu > .menuContent
		{
			width: 97.0%;
			min-width: 798.09px;
			height: 100%;
			margin-left: 1.65%;
		}
		
		.menu > .menuContent > ul:first-child
		{
			border-left: solid 3px rgba(72,83,89,1.0);
		}
		
		.menu > div > ul > li
		{
			border-right: solid 3px rgba(72,83,89,1.0);
			width: calc(100% / 4 - 3.8px);
		}
		
		.menu a
		{
			font-size:28px;
		}
		
		/* Project Page */
		
		.gameEntry > header .title h2
		{
			font-size: 34px;
		}
		
		.gameEntry > header .title p
		{
			font-size: 16px;
		}
		
		.gameEntry > header .toolContainer
		{
			border-left: solid 4px rgba(72,83,89,0.8);
		}
		
		.gameEntry > header .toolContainer .tools
		{
			
			font-size: 22px;
			word-wrap: normal;
		}
		
		.splashImageWrapper
		{
			border-right: solid 4px rgba(36,43,46,0.8);
			margin-right: 0px;
		}
		
		.devDesc > div
		{
			overflow: hidden;
		}
		
		.devDesc > div > h4
		{
			font-size: 28px;
			border-bottom: solid 4px rgba(36,43,46,0.8);
			padding-left: 20px;
		}

		.devDesc > div > p
		{
			font-size: 20px;
			padding-left: 20px;
		}
		
		.devDesc H5
		{
			font-size:24px;
		}
		
		.devDesc > div H5
		{
			padding-left: 20px;
		}
		
		.GenericList
		{
			font-size: 20px;
		}
		
		.splashImageButtons p
		{
			font-size: 20px;
		}
		
		.splashImageButtons a
		{
			font-size: 20px;
		}
		
		/* Contact Page */
		
		#contact
		{
			width: 70%;
			min-width: 435px;
		}
		
		.ContactContainer
		{
			padding-top: 5px;
		}
		
		.MePic
		{
			border-right: solid 4px rgba(36,43,46,1);
		}
		
		.MePic img
		{
			height: 240px;
			width: auto;
		}
		
		#contact p
		{
			font-size: 33px;
		}


		.MeContact > ul li
		{
			font-size: 32px;
		}
		
		/* Resume Page */
		
		.ResumeBgr
		{
			margin-top: -15px;
		}
		
		.chest
		{
			width:240px;
			height: 160px;
			background-repeat: no-repeat;
			margin-left: 240px;
		}

		.chest:hover
		{
			background-image: url(images/chestOpen.png);
			width:240px;
			height: 240px;
		}
								
		.chest2
		{
			display: inline-block;
			width:240px;
			height: 240px;
		}
		
		/* About Me Page */
				
		.MeArticle > .MeDesc
		{
			width: 50%;
		}

		.MeArticle h4
		{
			font-size: 35px;
		}

		.MeArticle p
		{
			font-size: 31px;
		}

		.projectContent > ul li
		{
			font-size: 30px;
		}
		
		.experienceEntry
		{
			height: 135px;
			width: calc(100% / 3 - 28.5px);
		}
		
		.experienceEntry p
		{
			margin-top: 0px;
			font-size: 27px;
			height: 60px;
			padding-bottom: 5px;
		}
		
		.cutOutDot
		{
			width: 30px;
			height: 30px;
		}
		
		.MeStatsContainer
		{
			width: 43%;
			border-right: solid 4px rgba(36,43,46,1);
		}
		
		.ContainerRow > #right
		{
			width: 60%;
		}
		
		.MeStatsTable > .StatsRow > .StatsContent > .StatsEntry img
		{
			width: 85%;
			min-width: 85%;
		}

		.MeStatsTable > .StatsRow .StatsContent
		{
			padding-bottom: 0px;
		}

		.MeStatsTable > .StatsRow > .StatsContent > .StatsEntry p
		{
			width: 80%;
			padding-left: 4%;
			font-size: 27px;
		}
	}