/*******home page design********/

html {
	background-color: rgba(32,93,128,0.3);
}

body {
	font-family: gill sans nova, sans-serif;
	margin: 0 auto;
	width: 1515px;
	background-color: white;
	/*1600px for sitewide*/
}

.information {
	background-image: url(images/kirsten_lace_1500.png);
	background-repeat: no-repeat;
	position: relative;
	height: 760px;
}

.home h1 {
	font-size: 130pt;
	color: white;
	position: absolute;
	bottom: -19px;
	margin: 0;
	line-height: 1;
	padding-left: 40px;
}

.home {
	position: relative;
	overflow: hidden;
}

#intro {
	display: block;
	width: 300px;
	text-align: center;
	background-color: rgba(32,93,128,0.7);
	color: white;
	position: absolute;
	left: 71%;
	padding: 5px 10px;
	margin-top: -30px;
	margin-bottom: 0;
}

#intro em {
	font-size: 18pt;
	font-weight: bold;
	font-style: italic;
}

#intro img {
	width: 100px;
}

#career {
	max-width: 500px;
	position: relative;
	left: 65%;
	top: 5px;
}

.nav-main img {
	max-width: 70px;
	margin-top: -19px;
	position: absolute;
}

.nav-main {
	display: inline-block;
	background-color: rgb(32, 93, 128);
	vertical-align: top;
	margin-top: 20px;
	padding: 10px 20px;
	position: absolute;
	z-index: 900;
}

.nav-main nav {
	padding-left: 90px;
}

.nav-main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nav-main ul li {
	display: inline;
	position: relative;
}

.nav-main ul li a {
	text-decoration: none;
}

.nav-main ul li a:link,
.nav-main ul li a:visited {
	color: white;
}
.nav-main ul li a:hover {
	color: #E8544F;
}
.nav-main ul li a:active {
	color: #FFA057;
}

.nav {
	font-size: 18pt;
	padding-right: 16px;
	margin: 15px;
	color: white;
}

.nav-main .dropdown {
	display: none;
	background-color: rgb(32, 93, 128);
	position: absolute;
	box-shadow: 0px 2px 4px rgba(32, 93, 128, 3);
	transition: all 1.5s ease-in-out;
	border-radius: 25px;
	padding: 7px;
	top: 30px;
	left: 0;
	min-width: 14em;
}

.nav-main li:hover .dropdown {
	display: block;
	max-height: 9999px;
}

.nav-main .dropdown a {
	background-color: transparent;
	color: white;
	border-radius: 25px;
	display: block;
}

.nav-main .dropdown a:hover {
	background-color: white;
	padding: 0 5px;
	color: rgb(32, 93, 128);
}


/*******portfolio design*******/

section {
	padding-top: 50px;
}

.port-nav-main img {
	width: 70px;
	margin-top: -19px;
	position: absolute;
}

.port-nav-main {
	display: inline-block;
	position: relative;
	padding: 20px;
	position: sticky;
	top: 0;
	width: 100%;
	background-color: white;
	box-sizing: border-box;
}

.port-nav-main nav {
	padding-left: 90px;
}

.port-nav-main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.port-nav-main ul li {
	display: inline;
	text-decoration: none;
	position: relative;
}

.port-nav-main ul li a {
	text-decoration: none;
}

.port-nav-main ul li a:link,
.port-nav-main ul li a:visited {
	color: #205D80;
}

.port-nav-main ul li a:hover {
	color: #E8544F;
}

.port-nav-main ul li a:active {
	color: #FFA057;
}

.port-nav-main .port-dropdown li a:link,
.port-nav-main .port-dropdown li a:visited {
	color: white;
}
.port-nav-main .port-dropdown li a:hover,
.port-nav-main .port-dropdown li a:active {
	color: #205D80;
}


.port-nav {
	font-size: 18pt;
	padding-right: 16px;
	margin: 15px;
	color: white;
}

.port-nav-main .port-dropdown {
	display: none;
	background-color: rgba(32, 93, 128);
	position: absolute;
	box-shadow: 0px 2px 4px rgba(32, 93, 128, 3);
	transition: all 1.5s ease-in-out;
	padding: 7px;
	border-radius: 25px;
	top: 30px;
	left: 0;
	min-width: 14em;
}

.port-nav-main li:hover .port-dropdown {
	display: block;
	max-height: 9999px;
}

.port-nav-main .port-dropdown a {
	background-color: transparent;
	color: white;
	display: block;
	border-radius: 25px;
}

.port-nav-main .port-dropdown a:hover {
	background-color: white;
	color: rgb(32, 93, 128);
	padding: 0 5px;
}

.classes {
	font-family: gill sans nova, sans-serif;
	font-size: 50pt;
}

.names {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
	margin: 30px 0 0;
}

.names li {
	list-style-type: none;
	background-color: rgb(32, 93, 128);
	color: white;
	padding: 10px;
	text-align: center;
	background-repeat: no-repeat;
	width: 49%;
	min-height: 5em;
	margin-bottom: 30px;
	box-sizing: border-box;
	line-height: 5em;
}

.names li a {
	text-decoration: none;
}

.names .GD {
	background-image: url(images/GD_logo.png) ;
	background-size: 400px;
	background-position: center center;
	margin-right: 30px;
}

.names .GD a:link,
.names .GD a:visited,
.names .GD a:active {
	color: white;
}

.names .GD a:hover {
	color: #FFA057;
}

.names .GDP {
	background-image: url(images/GDP.png);
	background-size: 750px;
	background-position: center top;
}

.names .GDP a:link,
.names .GDP a:visited,
.names .GDP a:active {
	color: white;
}

.names .GDP a:hover {
	color: #FFA057;
}

.names .Illustration {
	background-image: url(images/illustration.png);
	background-size: 400px;
	background-position: left;
}

.names .Illustration a:link,
.names .Illustration a:visited,
.names .Illustration a:active {
	color: white;
}

.names .Illustration a:hover {
	color: #FFA057;
}

.names .Photography {
	background-image: url(images/photography.png);
	background-size: 750px;
	background-position: center top;
}

.names .Photography a:link,
.names .Photography a:visited,
.names .Photography a:active {
	color: white;
}

.names .Photography a:hover {
	color: #FFA057;
}

.names .Photoshop {
	background-image: url(images/photoshop.png);
	background-size: 750px;
	background-position: center top;
}

.names .Photoshop a:link,
.names .Photoshop a:visited,
.names .Photoshop a:active {
	color: white;
}

.names .Photoshop a:hover {
	color: #FFA057;
}

.names .Typography {
	background-image: url(images/typography.png);
	background-size: 750px;
	background-position: center top;
}

.names .Typography a:link,
.names .Typography a:visited,
.names .Typography a:active {
	color: white;
}

.names .Typography a:hover {
	color: #FFA057;
}

footer {
	text-align: center;
	background-color: rgb(32, 93, 128);
	bottom: 0;
	padding: 20px;
	color: white;
	letter-spacing: 1px;
	width: 100%;
	box-sizing: border-box;
}

footer p {
	margin-top: 0px;
}