/**********************
General
**********************/
body {
	font-family: 'Open Sans',Verdana,sans-serif;
}

.wrapper, nav {
	max-width: 940px;
	margin: 0 auto;
	padding: 0 5%;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

p {
	line-height: 1.6;
}

/**********************
Heading
**********************/

#header {
	text-align:center;
	margin: 0 0 20px 0;
	padding: 75px 0 65px 0;
	width: 100%;

	background-image: url('../img/HeroSVG.svg'), url('../img/HeroSVG.svg');
    background-position: center, center;
  	background-size: auto, cover;
    background-repeat: no-repeat, no-repeat;
}

.arrow {
  width: 40px;
  margin-top: 65px;
}

.headerText1 {
	color: white;
	font-size: 2.5rem;
	font-family: Tahoma, sans-serif;
	font-weight:500;
}

.headerText2 {
	color: white;
	font-size: 1.8rem;
	display: inline;
	font-family: 'Merienda One', cursive;
	font-weight: 500;
	font-style: italic;
}

.uiHeader {
	float: right;
	margin-right: 5%;
}

.uiIcon {
	width: 46px;
	height: 46px;
	vertical-align: middle;
	margin-bottom: 10px;
}

/**********************
About
**********************/

.about1stline {
	margin-top: 25px;
}

.intro {
	font-size: 1.2rem;
	font-family: 'Open Sans',Verdana,sans-serif;
	font-weight: 600;
}

.intro2 {
	font-size: 0.85rem;
	word-wrap: break-word;
}

.quote {
	font-style: italic;
	font-family: 'Open Sans',Verdana,sans-serif;
	font-size: 1.0rem;
}

.downloadIcon {
	width: 28px;
	height: 28px;
	vertical-align: middle;
	float: right;
}

/**********************
Portfolio
**********************/
.workTitleLeft {
	width: 10%;
	float: left;
}

.workTitleRight {
	width: 89%;
	float: right;
}

.workTitleIcon {
	width: 64px;
	height: 64px;
	vertical-align: middle;
}

.workIntro {
	font-size: 1.2rem;
	font-family: 'Open Sans',Verdana,sans-serif;
	font-weight: 600;
	margin-top: 0 !important;
	margin-bottom: 0;
}

.workIntro2 {
	font-size: 0.8rem;
	word-wrap: break-word;
	margin-top: 0 !important;
}

/**********************
Page Portfolio
**********************/

#gallery {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

	#gallery li {
		float: left;
		width: 31.8%;
		margin: 1.5% 1.5% 1.5% 0;
		background-color: #ebebeb;
		color: #ebebeb;
	}

		#gallery li a p {
			margin: 0px;
			padding: 2.5%;
			font-size: 0.75em;
			color: #333333;
		}


/**********************
Page: Contact
**********************/

.contact1stline {
	margin-top: 15px;
	margin-bottom: 15px;
}

.contact-info {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.75rem;
}

	.contact-info a {
		display: block;
		min-height: 20px;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		padding: 0 0 0 30px;
		margin: 0 0 10px;
	}

	.contact-info li.phone a {
		background-image: url('../img/phone.png');
	}

	.contact-info li.mail a {
		background-image: url('../img/email.png');
	}

.backTop {
	float: right;
	font-size: 0.75rem;
	margin-bottom: 10px;
}

/**********************
Footer
**********************/
footer {
	font-size: 0.9rem;
	text-align: center;
	clear: both;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #E6E4D7;
	background-color: #1a0a29;
}


/**********************
Color
**********************/

/* site body */
body {
	background-color: #11071F;
	color: #CECECE;
}

/* blue header */
/*#header {
	background: #297FBA;
}*/

/* nav background */
nav {
	font-family: 'Open Sans',Verdana,sans-serif;
	font-size: 1.0rem;
	font-weight: 600;
	background: none;
	text-align: center;
}

.navline {
	font-size: small;
	color: #cecece;
}

/* link color */
a {
	color: #cecece;
}

/* nav link */
nav a, nav a:visited {
	color: #C4C4C4;
}

	/* selected nav link */
	nav a.selected, nav a:hover {
		color: #fff;
		background-color: #350e59;
	}
	
/* project pages */	
.homeButton	{
	margin-left:10px;
	margin-top:10px;
	opacity: 0.7;
}

.homeButton:hover {
    opacity: 1;
}

.nextButton {
	float:right;
	margin-right:10px;
	margin-top:10px;
}

.hoverButton {
	opacity: 0.7;
}

.hoverButton:hover {
	opacity: 1;
}