@charset "UTF-8";
/* CSS Document */

/* @license
 * MyFonts Webfont Build ID 2293845, 2012-05-16T23:55:54-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Argumentum Black by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/black/
 * Licensed pageviews: 10,000
 * 
 * Webfont: Argumentum Ultra Light Italic by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/ultralight-italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum Italic by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/regular/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum Medium by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/medium/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum Light Italic by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/light-italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum Bold Italic by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/bold-italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum Black Italic by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/black-italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum Bold by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/bold/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum Ultra Light by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/ultralight/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum Light by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/light/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Argumentum Medium Italic by Kostic
 * URL: http://www.myfonts.com/fonts/kostic/argumentum/medium-italic/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2293845
 * Webfonts copyright: Copyright (c) 2012 by Nikola & Zoran Kostic. All rights reserved.
 * 
 * © 2012 Bitstream Inc
*/

 @font-face {font-family: 'Argumentum-Regular';src: url('../webfonts/230055_3_0.eot');src: url('../webfonts/230055_3_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/230055_3_0.woff') format('woff'),url('../webfonts/230055_3_0.ttf') format('truetype');}
 @font-face {font-family: 'Argumentum-Light';src: url('../webfonts/230055_A_0.eot');src: url('../webfonts/230055_A_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/230055_A_0.woff') format('woff'),url('../webfonts/230055_A_0.ttf') format('truetype');}
 @font-face {font-family: 'Argumentum-Black';src: url('../webfonts/230055_0_0.eot');src: url('../webfonts/230055_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/230055_0_0.woff') format('woff'),url('../webfonts/230055_0_0.ttf') format('truetype');}
  @font-face {font-family: 'Argumentum-Bold';src: url('../webfonts/230055_8_0.eot');src: url('../webfonts/230055_8_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/230055_8_0.woff') format('woff'),url('../webfonts/230055_8_0.ttf') format('truetype');}
 
 
body {
	background-image: url(../images/bkgd.jpg);
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #666666;
	margin: 0;
}

p, ul, ol, dl {
	font-family:  'Argumentum-Regular', Helvetica, Arial, sans-serif;
	font-size: 1rem;
}

	p a:link, p a:visited,
	ul a:link, ul a:visited,
	ol a:link, ol a:visited,
	dl a:link, dl a:visited {
		text-decoration: none;
		color: #000000;
	}
	
	p a:focus, p a:hover, p a:active,
	dl a:focus, dl a:hover, dl a:active {
		color: #000000;
		text-decoration: none;
		#background-color: #FFDE00;
	}
	
strong {
	font-family: 'Argumentum-Bold';
	font-weight: normal;
}


/*HOME PAGE*/

#marquee {
	width: 100%;
	margin-bottom: 51%;
	border-top: 10px solid #FFDE00;
	position: relative;
}		
	#marquee img,
	#marquee-mesh img {
		width: 100%;
		border-bottom: 10px solid #FFDE00;
	}
	#marquee .fadein img {
		position: absolute;
	}
	#marquee-mesh {
		width: 100%;
		
		position: absolute;
		z-index: 2;
		
		background-image: url(../images/home/marquee/mesh-box.png);
		background-color: rgba(0,0,0,0.6);
	}
	#marquee-menu {
	width: 80%;
	
	position: absolute;
	z-index: 3;
	margin: 15% 10% auto 10%;
	
	text-align: center;
	}
	#marquee-menu .marquee-logo {
		width: 60%;
		margin: 2% 20% 2% 20%;
		border: none;
	}
	#marquee-menu hr {
		width: 100%;
		border: 0;
		height: 2px;
		background-color: #FFDE00;
	}
	#marquee-menu p {
		width: 100%;
		margin: auto;
		color: #FFFFFF;
		margin: 1rem auto;
		font-size: 1.4rem;
		text-transform: uppercase;
	}
		#marquee-menu p a:link,
		#marquee-menu p a:visited,
		#marquee-menu p a:focus {
			margin: auto 1%;
			color: #FFFFFF;
			text-decoration: none;
		}
		#marquee-menu p a:hover,
		#marquee-menu p a:active {
			margin: auto 1%;
			color: #FFDE00;
			text-decoration: none;
		}
	#marquee-menu .linkedin {
		border-bottom: none;
	}
			#marquee-menu .linkedin:hover {
				background-color: #FFDE00;
			}

.home-port {
	width: 30%;
	margin: 1.66%;
	float: left;
	
	background-color: #000000;
}
	.home-port img {
		display: block;
		width: 100%;
		float: none;
		border: none;
	}
	.home-port-text {
		display: none;
	}
	.home-port:hover img {
		opacity: .15;
		filter: alpha(opacity=15);
		position: relative;
		z-index: 1;
	}
	.home-port:hover .home-port-text {
		position: absolute;
		z-index: 3;
		display: inline;
		text-align: left;
		float: none;
		text-align: left;
	}
	.home-port-text h3 {
		font-size: 1.2rem;
		margin: 5% 5% 0;
		font-family: 'Argumentum-Regular';
		color: #FFDE00;
		font-weight: normal;
		text-transform: uppercase;
	}
	.home-port-text hr {
		margin-top: 0;
		border: none;
		background-color: #FFDE00;
		height: 1px;
		width: 95%;
	}
	.home-port-text p {
		font-size: 1rem;
		margin: 1% 5%;
		font-family: 'Argumentum-Light';
		color: #FFFFFF;
	}
/*SECONDARY PAGES */
#top-menu {
	width: 100%;
	background-color: #FFDE00;
	vertical-align: bottom;
}
	#top-menu .logo {
		height: 1.8rem;
		margin: .5rem;
	}
	#top-menu dl {
		font-family: 'Argumentum-Regular';
		font-size: 1rem;
		line-height: 1rem;
		margin: 1.5rem 0.5rem auto 1.2rem;
		float: right;
		text-transform: uppercase;
		text-align: right;
	}
		#top-menu dl a {
			margin: auto .5rem auto 1.2rem;
			text-decoration: none;
		}
		#top-menu dl a:hover,
		#top-menu .linkedin:hover{
			background-color: rgba(0,0,0,0.75);
		}	
#portfolio-content {
	padding-top: 2.5%;
	padding-bottom: 10%;
	background-color: rgba(255,255,255,0.5);
}
	#portfolio-slideshow {
		width: 95%;
		margin: 0 auto 50% auto;
		background-color: #000000;
		position: relative;
	}
		#portfolio-slideshow img {
			width: 100%;
			position: absolute;
		}
	#portfolio-content h1 {
		display: block;
		
		font-family: "Argumentum-Bold";
		text-transform: uppercase;
		text-align: left;
		
		border-bottom: 2px solid #FFDE00;
	}
	#portfolio-content ul {
		padding-left: 0;
	}
	#portfolio-content p,
	#portfolio-content dl {
		font-size: 1rem;
		font-family: "Argumentum-Light";
		text-align: justify;
	}
		.core-expertise {
			margin: 0 10% auto auto;
			float: left;
		}
		.added-bonuses {
			float: none;
		}
		#portfolio-content dt {
			font-family: "Argumentum-Bold";
		}
			#portfolio-content dd {
				margin-left: 0;
				padding-left: 0;
			}
		#portfolio-content .formfield {
			margin-bottom: .5rem;
			border: none;
			font-family: "Argumentum-Light";
			font-size: 1rem;
		}
#footer {
	width: 80%;
	margin: 15px auto 0px auto;
	clear: both;
	
	border-top: 4px solid #FFDE00;
}
	#footer img {
		padding-bottom: 50px;
	}

	
/*----LIGHTBOX 2 STYLE OVERRIDES----*/
	.lb-outerContainer {
		background-color: rgba(0,0,0,0.1) !important;
		border-radius: 0 !important;
	}
	.lightbox .lb-image {
		border-radius: 0 !important;
	}
	.lb-details {
		display: none;
	}
	.lb-nav a.lb-prev {
		background: url(../js/lightbox/images/prev-yellow.png) left 48% no-repeat !important;
	}
	.lb-nav a.lb-next {
		background: url(../js/lightbox/images/next-yellow.png) right 48% no-repeat !important;
	}
	.lb-data .lb-close {
		background: url(../js/lightbox/images/close-yellow.png) top right no-repeat !important;
	}

/*----JCAROUSEL STYLE OVERRIDES----*/
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
	height: 131px;
    position: relative;
    overflow: hidden;
	padding: 10px 0;
	background-color: rgba(0,0,0,0.75);
}
/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}
/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
	width: 225px;
	margin-right: 10px;
	background-color: #000000;
}
	.jcarousel-item {
		width: 225px;
	}
		.jcarousel li img {
			display: block;
		}
		.jcarousel li:hover img {
			opacity: .15;
			filter: alpha(opacity=15);
		}
.jcarousel-control-prev,
.jcarousel-control-next {
	display: block;
	height: 100px;
	position: absolute;
	z-index: 2;
	margin-top: -150px;
	padding-top: 50px;
	color: rgba(255,222,0,0.6);
	background-color: rgba(0,0,0,0.5);
	text-align:center;
	text-decoration: none !important;
}
	.jcarousel-control-prev:hover,
	.jcarousel-control-next:hover {
		background-color: rgba(0,0,0,0.2);
		color: rgba(255,222,0,1.0);
	}
	.jcarousel-control-prev svg,
	.jcarousel-control-next svg {
		width: 9px;
		height: 30px;
		margin: 8px .5rem;
		fill: rgba(255,222,0,1);
	}
	.jcarousel-control-prev {
		float: left;
	}
	.jcarousel-control-next {
		right: 0;
	}



/*----PHONE----*/
@media screen and (max-width: 525px) {
		body {
			background-image: url(../images/bkgd-mobile.jpg);
		}
/*HOME*/
		#marquee {
			overflow-x: hidden;
			height: 260px;
			margin: 0;
			border-top: 7px solid #FFDE00;
			position: absolute;
		}
		#marquee .fadein img,
		#marquee-mesh img {
			height: 250px;
			width: auto;
			border-bottom: 7px solid #FFDE00;
		}
		#marquee-menu {
			margin-top: 30px;
		}
			#marquee-menu p a {
				display: block;
			}
		#marquee .marquee-logo {
			width: 80%;
			margin: 0;
		}
		#home-content {
			width: 90%;
			margin: auto auto 25px auto;
			padding-top: 270px;
		}
		.home-port {
			width: 100%;
			margin: 4% 0;
			float: none;
		}
			.home-port:hover .home-port-text {
				width: 90%;
			}
		#bio-mobile {
			min-height: 400px;
		}
		#bio-mobile-text {
			width: 75%;
			position: absolute;
			z-index: 2;
		}
				#bio-mobile h3 {
					font-size: 1.2rem;
					margin: 15% 5% 0;
					font-family: 'Argumentum-Regular';
					color: #FFDE00;
					font-weight: normal;
					text-transform: uppercase;
				}
				#bio-mobile hr {
					margin: 0 0 0 5%;
					border: none;
					background-color: #FFDE00;
					height: 1px;
					width: 70%;
				}
				#bio-mobile p {
					color: #F4F4E2;
					font-size: 1rem;
					font-family: "Argumentum-Light";
					margin: 5%;
				}
					#bio-mobile p a:link,
					#bio-mobile p a:visited,
					#bio-mobile p a:focus {
						color: #FFDE00;
					}
					#bio-mobile p a:hover,
					#bio-mobile p a:active {
						color: #F4F4E2;	
					}
/*SECONDARY*/
/*
		#top-menu dl dt .menu-bars {
			margin-right: 0;
		}		
		#top-menu dl:hover dd {
			width: 120px;
			font-size: .8rem;
			margin-right: .25rem;
		}
			#top-menu dl dd a:hover {
				width: 105px;
				padding-right: 15px;
			}
			#top-menu .linkedin {
				width: .8rem;
				height: .8rem;
				margin-bottom: .25rem;
			}
*/
		#portfolio-content {
				width: 100%;
				margin: 0;
			}
			#portfolio-content h1 {
				width: 90%;
				margin: 0 0 0 10%;
				padding: 0;
				text-align: left;
				font-size: 1em;
			}
			#portfolio-content p {
				width: 80%;
				margin: 5% 10%;
				text-align: left;
			}
			#skills {
				width: 80%;
				margin: 0 10%;
				text-align: left;
			}
				.core-expertise,
				.added-bonuses {
					float: none;
				}
		#portfolio-content .formfield {
			width: 90%;
		}
	.lightboxes-desktop {
		display: none;
	}
	.lightbox-mobile {
		display: block;
		margin: 8px auto 0 auto !important;
		padding: 0;
	}
}

/*----PHONE AND TABLET----*/
@media screen and (max-width: 999px) {
	#marquee-menu .linkedin {
		height: .8rem;
		width: .8rem;
	}
	#marquee-menu a {
		clear: both;
	}
	#marquee .marquee-logo {
		width: 80%;
		margin: 0;
	}
	.home-port-text h3 {
		font-size: 1rem;
	}
	.home-port-text p {
		font-size: 1rem;
	}
	#bio-desktop {
		display: none;
	}
	#bio-mobile {
	width: 100%;
	border-top: 4px solid #FFDE00;
	clear: both;
	background-color: #000000;
	}
		#bio-mobile img {
			width: 100%;
			margin: 0;
			display: block;
		}	
	#top-menu {
		position: absolute;
		z-index: 3;
		height: 40px;
		overflow: visible;
	}
	#top-menu .logo {
		height: 1.6rem;
	}
	#top-menu dl {
		width: 38%;
		margin-top: .5rem;
		margin-right: 0;
	}
		#top-menu dl dd {
			display: none;
		}
		#top-menu dl dt {
			display: block;
			width: 100%;
			text-align: right;
		}
			#top-menu dl dt a:hover {
				background-color: #FFDE00;
			}
			#top-menu .linkedin {
				width: .8rem;
				height: .8rem;
				margin-bottom: .25rem;
			}
			#top-menu dl dt .menu-bars {
				height: 1.6rem;
			}
	  #top-menu dl:hover dd {
		  display: block;
		  text-align: right;
		  float: right;
		  margin: 0;
		  padding-top: 5px;
		  background-color: #FFDE00;
		  font-size: .9rem;
		  width: 150px;
	  }
	  #top-menu dl a {
		  display: block;
	  }
		  #top-menu dl dd a:hover {
			  width: 92.5%;
			  margin-left: 0;
			  padding-left: 0;
			 padding-right: 7.5%;
		  }
	#footer {
		width: 90%;
		padding: 0 5%;
		margin: 0;
	}
	
	.jcarousel {
		height: 87px;
		padding-top: 45px;
		padding-bottom: 5px;
	}
	.jcarousel li {
	/* Required only for block elements like <li>'s */
		width: 150px;
		margin-right: 5px;
	}
	.jcarousel-item {
		width: 150px;
	}
	.jcarousel-control-prev,
	.jcarousel-control-next {
		width: 25px;
		height: 75px;
		font-size: 50px;
		margin-top: -127;
		padding-top: 75px;
	}
	

	
}


/*----TABLET----*/
@media screen and (min-width: 526px) and (max-width: 999px) {
/*HOME*/
		#marquee {
			border-top: 7px solid #FFDE00;
		}
		#marquee .fadein img,
		#marquee-mesh img {
			border-bottom: 7px solid #FFDE00;
		}
		#marquee-menu p {
			font-size: 1.1rem;
		}
		#home-content {
			width: 100%;
			margin: 0;
			float: left;
			clear: both;
		}
		.home-port {
			width: 48%;
			margin: 1%;
			float: left;
		}
			.home-port:hover .home-port-text {
				width: 48%;
			}
			.kch {
				display: none;
			}
		#bio-mobile-text {
			width: 55%;
			position: absolute;
			z-index: 2;
		}
				#bio-mobile h3 {
					font-size: 1.2rem;
					margin: 4% 5% 0;
					font-family: 'Argumentum-Regular';
					color: #FFDE00;
					font-weight: normal;
					text-transform: uppercase;
				}
				#bio-mobile hr {
					margin-top: 0;
					border: none;
					background-color: #FFDE00;
					height: 1px;
					width: 95%;
				}
				#bio-mobile p {
					color: #F4F4E2;
					font-size: 1rem;
					font-family: "Argumentum-Light";
					margin: 1% 5%;
				}
					#bio-mobile p a:link,
					#bio-mobile p a:visited,
					#bio-mobile p a:focus {
						color: #FFDE00;
					}
					#bio-mobile p a:hover,
					#bio-mobile p a:active {
						color: #F4F4E2;	
					}
			
		
/*SECONDARY*/
/*
	#top-menu dl dt .menu-bars {
		margin-right: .5rem;
	}
	#top-menu dl:hover dd {
		min-width: 150px;
		font-size: .8rem;
	}
		  #top-menu dl dd a:hover {
			  width: 90%;
			 padding-right: 10%;
		  }
	#top-menu .linkedin {
		width: 1rem;
		height: 1rem;
		margin-bottom: .25rem;
	}
*/
	#portfolio-content {
		width: 96%;
		margin: 2%;
	}
		#portfolio-content h1 {
			font-size: 1.4rem;
		}
		#portfolio-content h1,
		#portfolio-content p,
		#skills {
			width: 65%;
			margin: 10px 15% auto 32.5%;
			text-align: left;
		}
			#portfolio-content p {
				width: 62.5%;
			}
		.lightboxes-desktop {
			display: inline;
		}
		.lightbox-mobile {
			display: none;
		}
		#portfolio-content ul {
			width: 30%;
			margin-left: 0;
		}
		#portfolio-content .formfield {
			width: 70%;
		}
}


/*----TABLET AND DESKTOP----*/
@media screen and (min-width: 526px) {
	
		#portfolio-content ul {
		text-align: right;
		float: left;
		
		font-family: "Argumentum-Bold";
		list-style-type: none;
		font-size: .8rem;
	}
		#portfolio-content a:hover {
			background-color: #FFDE00;
		}
	.lightboxes-desktop {
		display: inline;
	}
	.lightbox-mobile {
		display: none;
	}
}

/*----DESKTOP----*/
@media screen and (min-width: 1000px) {
#marquee-menu .linkedin {
	height: 1.1rem;
	width: 1.1rem;
}
#home-content {
	width: 80%;
	margin: 0 auto;
}			
	.home-port:hover .home-port-text {
		width: 24%;
	}
		.home-port-text h3 {
			font-size: 1.2rem;
		}
#bio-desktop {
	width: 63.22%;
    margin: 1.66%;
    background-color: #000;
    float: right;
}
	#bio-desktop-text {
		width: 35%;
		position: absolute;
		z-index: 2;
	}
	#bio-desktop img {
		width: 100%; 
		display: block;
	}
	#bio-desktop h3 {
		font-size: 1.2rem;
		margin: 4% 5% 0;
		font-family: 'Argumentum-Regular';
		color: #FFDE00;
		font-weight: normal;
		text-transform: uppercase;
	}
	#bio-desktop hr {
		margin-top: 0;
		border: none;
		background-color: #FFDE00;
		height: 1px;
		width: 95%;
	}
	#bio-desktop p {
		color: #F4F4E2;
		font-size: 1rem;
		font-family: "Argumentum-Light";
		margin: 1% 5%;
	}
		#bio-desktop p a:link,
		#bio-desktop p a:visited,
		#bio-desktop p a:focus {
			color: #FFDE00;
		}
		#bio-desktop p a:hover,
		#bio-desktop p a:active {
			color: #F4F4E2;	
		}
		
#bio-mobile {
	display: none;
}

#top-menu dl {
	width: 70%;
}
	#top-menu dt {
		display: none;
	}
	#top-menu .linkedin {
		width: .9rem;
		height: .9rem;
	}
#portfolio-content {
	width: 80%;
	margin: 2.5% auto;
}
#portfolio-content h1 {
	width: 70%;
	margin: 0 15% auto 27.5%;
	size: 2rem;
}
	#portfolio-content ul {
		width: 25%;
	}
	#portfolio-content p,
	#skills {
		width: 65%;
		margin: 10px 15% auto 32.5%;
		text-align: left;
	}
	#portfolio-content .formfield {
		width: 50%;
	}
}

/*----EXTRA LARGE DESKTOP----*/
@media screen and (min-width: 1700px) {
	#marquee {
		height: 800px;
		margin-bottom: 0;
		overflow: hidden;
		border-bottom: 10px solid #ffde00;
	}
		#marquee-menu {
			margin: 250px 10% auto;
		}
		#marquee .logo {
			max-width: 1000px;
			margin: 2% auto;
		}
		#marquee p {
			font-size: 2rem;
		}
		#marquee .linkedin {
			width: 1.5rem;
			height: 1.5rem;
		}
	.home-port-text h3,
	#bio-desktop-text h3 {
		font-size: 1.8rem;
	}
	.home-port-text p,
	#bio-desktop-text p {
		font-size: 1.4rem;
	}
	
	.jcarousel {
		height: auto;
		padding: .25% 0;
		text-align: center;
	}
		.jcarousel ul {
			width: 100%;
		}
		.jcarousel li {
			margin: .25%;
			width: 8.575%;
		}
			.jcarousel li img {
				width: 100%;
			}
		.jcarousel-control-prev, 
		.jcarousel-control-next {
			display: none;
		}
	#portfolio-content {
		margin: 1.25% auto;
		padding-top: .75%;
	}
		#portfolio-slideshow {
			width: 98%;
			height: 615px;
			margin-bottom: 1.25%;
			overflow: hidden;
		}
			#portfolio-slideshow img {
				margin-top: -5%;
			}
		#portfolio-content h1 {
			width: 66.25%;
			margin-left: 32.5%;
		}
		#portfolio-content p {
			width: 60%;
			margin-left: 32.5%;
		}
		#portfolio-content ul {
			width: 30%;
		}
	
}
/*----MEGA DESKTOP----*/
@media screen and (min-width: 2000px) {
	#portfolio-slideshow {
		height: 780px;
	}
	#skills {
		margin-left: 32.5%;
		width: 60%;
	}
}