* {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  list-style-type: none;
  color: inherit;
  line-height: inherit;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'source_sans_problack';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-black-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-black-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-black-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;
 
}



@font-face { 
    font-family: 'source_sans_problack_italic';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-blackit-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-blackit-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-blackit-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-blackit-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-blackit-webfont.svg#source_sans_problack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_probold';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-bold-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-bold-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_probold_italic';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-boldit-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-boldit-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-boldit-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proextralight';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-extralight-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-extralight-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-extralight-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proXLtIt';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-extralightit-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-extralightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-extralightit-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-extralightit-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-extralightit-webfont.svg#source_sans_proXLtIt') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proitalic';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-it-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-it-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_prolight';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-light-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-light-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_prolight_italic';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-lightit-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-lightit-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-lightit-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-lightit-webfont.svg#source_sans_prolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proregular';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-regular-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-regular-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-semibold-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_proSBdIt';
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-semiboldit-webfont.eot');
    src: url('webfontkit_Source_Sans_Pro/sourcesanspro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-semiboldit-webfont.woff') format('woff'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-semiboldit-webfont.ttf') format('truetype'),
         url('webfontkit_Source_Sans_Pro/sourcesanspro-semiboldit-webfont.svg#source_sans_proSBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

:focus, :active, :hover {
  outline: 0;
}

::-moz-selection {
  background: #83786F;
  color: #fff;
  text-shadow: none;
}

::selection {
  text-shadow: none;
}

html {

  width: 100%;
  height: 100%;
  overflow: hidden;
	/* overflow:visible; 
	overflow:scroll; */
  cursor: default;

    font-family: 'source_sans_prolight';

  color: #83786F;
  background-color: #fff;

  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      overflow-y: scroll;
	/*-webkit-overflow-scrolling: touch;*/
}

/* 

body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* ------------------------------ SCROLL BAR CODE!!!!------------------------------*/

body {
  height: 100%;
  margin: 0px;
}

main {
  position: relative;
  
  overflow: visible;
  overflow: scroll;
  
  overflow: hidden;
  height: 100%;
}

nav {
  height: 100%;
  overflow: auto;
}

section, header {
  width: 100%;
}

section {
  margin: 0 auto;
}

h1, h2, h3, h4 {
font-family: 'source_sans_prolight';
}

h4 {
  color: #FFF;
  padding: .5em 1rem;
  font-size: .7em;
  font-weight: bold;
  text-transform: uppercase;
}

section:nth-child(2) header {
	Background-color:white;
  	height:127px;
  	z-index:999;
	border-bottom: solid 20px #FFe900;
}

section:nth-child(3) header {
	background: #83786F ; /* Old browsers */
	border-bottom: solid 4px #A69E96;
	
	/* border-top: 4px solid #FFe900;*/
	height:60px;
	padding:0px;
}

article {
  /* margin: 0px 40px; */
}

#secondArticle{
	padding-bottom:120px;
}

#MainBody{
	width:80%;
	margin:auto;
	margin-top:121px;
}

.fa-search-plus{
	color:#FFe900;
	/*font-size:20px;*/
	float:left;
	display:block;
	margin: 1px 0px 0px -36px;
	padding: 10px;
}

#ProjectMain{
	/* width:90%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding-left:100px; */
}

.projectBox{
    width: 500px;
    height: 500px;
	background-color:white;
	/* border:1px solid #FC0;*/
	float:left;
	display: inline-block;
}

.projectBox1{
    width: 48%;
    height: 500px;
	background-image: url("images/FeatureImageYourNextBestFriend.jpg");
	background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}



.projectKatieMiles{
    width: 48%;
    height: 500px;
	background-image: url("images/FeatureImageKatieMiles.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}

.projectRonzoni{
    width: 48%;
    height: 500px;
	background-image: url("images/FeatureImageRonzoniHomestyle.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}

.projectwfmWeb{
    width: 48%;
    height: 500px;
	background-image: url("images/FeatureImageWFMwebsite.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}


.projectUnveiled{
    width: 48%;
    height: 500px;
	background-image: url("images/FeatureWorkUnveiled.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}

.projectPhoenix{
    width: 48%;
    height: 500px;
	background-image: url("images/Phoenix/FeatureWorkPhoenixOnFire.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}

.projectMahatma{
    width: 48%;
    height: 500px;
	background-image: url("images/Mahatma/FeatureImageMahatma.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}

.projectHershey{
    width: 48%;
    height: 500px;
	background-image: url("images/Hershey/FeatureImageHershey.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}

.projectLevLane{
    width: 48%;
    height: 500px;
	background-image: url("images/LL/FeatureImageLevLane.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}


.projectDagoba{
    width: 48%;
    height: 500px;
	background-image: url("images/dagoba/FeatureImageDagoba.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}

.projectReesesThins{
    width: 48%;
    height: 500px;
	background-image: url("images/Hershey/FeatureImageReeses.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}

.projectBrookside{
    width: 48%;
    height: 500px;
	background-image: url("images/Hershey/FeatureImageBrookside2.jpg");
    background-size: cover;
	border:1px solid #FFe900;
	float:left;
	display: inline-block;
}

.ProjectImages img{
width:100%;
}


.Tab{
	padding-left:30px;
	padding-top:10px;
}

.projectParagraph{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	margin-top:60px;
}


.BackToAllWork{
	clear:both;
	padding-top:80px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
}




#square{
	padding-right:10px;
	float:left;
	margin-top:-3px;
	padding-left:-32px;
	width:20px;
}


#icon1{
	padding-right:15px;
	float:left;
	margin-top:-3px;
	padding-left:-32px;
	width:20px;
}


#icon2{
	padding-right:10px;
	float:left;
	margin-top:-10px;
	padding-left:-32px;
	width:25px;
}

#icon3{
	padding-right:10px;
	float:left;
	margin-top:-8px;
	padding-left:-32px;
	width:25px;
}


#icon4{
	padding-right:10px;
	float:left;
	margin-top:-2px;
	padding-left:-32px;
	width:25px;
}



#squareH2{
	margin-top:-25px;
    font-family: 'source_sans_prosemibold';
}

#leftSide2{
	width:20%;
	height:700px;
	float:left;
	padding-left:10px;
}

#leftSide3{
	width:20%;
	height:1800px;
	float:left;
	padding-left:10px;
}


.leftSide2 li{
	margin-bottom:20px;
	margin-top:10px;
}

.leftSide2 li img{
	padding-right:10px;
}


strong {
  font-weight: bold;
}

small {
  font-size: .8em;
}

code {
  font-family: Menlo, "Ubuntu Mono", Consolas, "Courier New", monospace;
  font-size: .9em;
}

.btn {
  display: inline-block;
  padding: .25em .5em;
  border-radius: 2px;
  border: 2px solid #ccc;
}

.btn:active {
  background: #1985D4;
  color: #fff;
}

.arrow {
  float: right;
  color: #FFF;
  padding-bottom: 18px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNiA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0wIDJoMnYtMmgydjJoMmwtMyA0eiIgZmlsbD0iI2RkZCIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 18px;
}

/*-----------------------my css--------------------*/
/*-----------------header----------------*/

#logo img{
	float:left;
	max-width:240px;
	/*margin-top:23px;*/
	margin-left:104px;
}

.type{
	float:left;
	font-size:45px;	
	border-right:solid 1px #FFe900;
	padding: 0px 30px 0px 0px;
	height:60px;
	max-width: 200px;
}

.video{
	margin-bottom:60px;
}

h1 { 
	font-family: 'source_sans_proregular';
	font-size: 52px;
	color: #FFe900;
	font-weight: 200;
	margin: 0px;
	line-height: 60px;
}

#blurbBox {
	margin: 40px 0 0 0;
	float: right;
	width: 480px;
}

#NameConcentration{
	color:#83786F;
	top:25px;
	position:absolute;

}

#NameConcentration ul h2 #bold{
    font-family: 'source_sans_probold';
}
#NameConcentration ul h2 {
	padding:0px 10px;
	margin:0px;
}
#NameConcentration ul li h2{
	margin-bottom:-3px;
}
#NameConcentration ul .small{
}


.Name {
	font-family: 'source_sans_probold';
	font-size:12px;
	float: right;
	margin: 0px;
	line-height: 26px;
	padding-left:5px;
}

li.small{
	display:inline-block;
}


/*-----------------left/right side----------------*/


#rightSide{
	position:fixed;
	right:0px;
	top:130px;
}

#leftSide{
	position:fixed;
	left:0px;
	top:130px;
}
/*-----------------development image----------------*/
#developmentImage{
	background: url('images/MainImageForWebsiteNew.jpg') center center;
	background-size:cover;
}


#AboutMeImage{
	background: url('images/ad4bnw.jpg') center center;
	background-size:cover;
}

#ContactMeImage{
	background: url('images/MainImageContact2.jpg') center center;
	background-size:cover;
}

#ResumeImage{
	background: url('images/MainImageExperience.jpg') center center;
	background-size:cover;
}

#WFMWebsite{
	background: url('images/WFM/WorkBanner_WFMSite3.jpg') center center;
	background-size:cover;
	height:580px;
}

#RonzoniHomestyle{
	background: url('images/WorkBannerRonzoniHomestyle.jpg') center center;
	background-size:cover;
	height:580px;
}

#KatieMilesBanner{
	background: url('images/WorkBannerKatieMiles.jpg') center center;
	background-size:cover;
	height:580px;
}


#UnveiledBanner{
	background: url('images/WorkBannerUnveiled.jpg') center center;
	background-size:cover;
	height:580px;
}

#PhoenixBanner{
	background: url('images/Phoenix/WorkBannerPhoenixOnFire.jpg') center center;
	background-size:cover;
	height:580px;
}

#MahatmaBanner{
	background: url('images/Mahatma/WorkBannerMahatma.jpg') center center;
	background-size:cover;
	height:580px;
}

#HersheyBanner{
	background: url('images/Hershey/WorkBannerHersheys.jpg') center center;
	background-size:cover;
	height:580px;
}

#DagobaBanner{
	background: url('images/dagoba/WorkBannerDagoba.jpg') center center;
	background-size:cover;
	height:580px;
}


#LevLaneWebsite{
	background: url('images/LL/WorkBannerLevLane.jpg') center center;
	background-size:cover;
	height:580px;
}

#ReesesBanner{
	background: url('images/Hershey/WorkBannerReeses.jpg') center center;
	background-size:cover;
	height:580px;
}

#BrooksideBanner{
	background: url('images/Hershey/WorkBannerBrookside.jpg') center center;
	background-size:cover;
	height:580px;
}

#KeepQuote{
	position:sticky;
	top:50%;
	margin:auto;
	left:50%;
}

#KeepQuote h2{
	font-size:45px;
	text-align:center;
	margin-top:0px;
	/*background-color: rgba(255, 255, 255, .90);*/
	padding-bottom:10px;
	font-family: 'source_sans_prosemibold';
}

#KeepQuote p{
	font-size:20px;
	text-align:center;
	color:white;
	/*background-color: rgba(255, 255, 255, .90);*/
	padding-bottom:10px;
	font-family: 'source_sans_prosemibold';
}
#triangle{
	display:block;
	margin:auto;
}
/*-----------------nav stuff----------------*/
.nav {
	
}
.nav a{
	padding-right:30px;
	text-decoration:none;
	color:white;
	font-family: 'source_sans_prolight';
	font-size:25px;
	text-align:center;
	line-height: 48px;
}

.nav a:hover{
	color:#FFe900;
}

.nav #current{
	color:#FFe900;
}

.nav ul li{
	display:inline-block;
	margin-left:30px;
	height:25px;
}

.nav ul{
	margin: 0px;
	height: 48px;
	text-align: center;
	padding:8px 0 0 0;
}

/*-----------------footer----------------*/

footer{
	height:48px;
	width:100%;
background: #FFe900 ; /* Old browsers */

	color:white;
	font-family: 'source_sans_proregular';
	font-size:11px;
	bottom:0;
	position:fixed;
	text-align:center;
}


footer a{
	text-decoration:none;
	color:#83786F;
	font-size:20px;
}

footer ul {
	margin-top:0px;
}

footer ul li{
	display:inline-block;
	padding-right:30px;
	padding-top:7px;
	font-size:14px;
	color:#83786F;
	
}

#Bottom{
	width:100%;
	clear:both;
	text-align:center;
	padding-top:100px;
}

#Bottom h2, #Bottom h3{
	display:inline-block;
}

h3{
	display:inline-block;
	color:#FFe900;
	font-size:18px;
	font-family: 'source_sans_proregular';
	padding-right:5px;
	clear:both;
	text-align:left;
}

.fa-camera{
	margin-right:10px;
	border-radius:50%;
	width:12px;
	height:12px;
	background-color:#FFe900;
	padding:5px;
	font-size:12px;
}

.fa-linkedin{
	margin-right:10px;
	border-radius:50%;
	width:12px;
	height:12px;
	background-color:#FFe900;
	padding:5px;
	font-size:12px;
}

.fa-facebook{
	margin-right:10px;
	border-radius:50%;
	width:12px;
	height:12px;
	background-color:#FFe900;
	padding:5px;
	font-size:12px;
}

.fa-envelope{
	margin-right:10px;
	border-radius:50%;
	width:12px;
	height:12px;
	background-color:#FFe900;
	padding:5px;
	font-size:12px;
}

.fa-certificate{
	width:12px;
	height:12px;
	color:#FFe900;
	padding:5px;
	font-size:12px;
}


#circle1{
	border-radius:50%;
	width:22px;
	height:22px;
	background-color:#FFe900;
	display:inline-block;
}

.circle1 {
	border-radius:50%;
	width:22px;
	height:22px;
	background-color:#FFe900;
	display:inline-block;
	margin-right:10px;
}

img.behance{
	width:18px;
	display:inline-block;
}

img.phone{
	width:9px;
	padding-top:4px;
	margin-right:1px;
	display:inline-block;
}

.icon-behance{
	margin-right:10px;
	border-radius:50%;
	width:12px;
	height:12px;
	background-color:#FFe900;
	padding:4px;
	font-size:12px;
  	font-family: "fontello";
}

@media screen and (min-width: 1300px) {
	.ProjectImages img {width:80%; margin-left:auto; margin-right:auto; display:block;}
}

@media screen and (max-width: 1300px) {
	.ProjectImages img {width:100%; }
}

@media screen and (max-width: 1000px) {

	h2, h3, p{font-size:22px;}
	.nav ul li a {
		font-size:40px;
		padding-right:0px;
	}

}

@media screen and (max-width: 980px) {
	
	#leftColumn{
		display:none;
	}
	
	#rightColumn{
		display:none;
	}
	
	article{
	  margin: 0px 0px;
	  height: 753px;
	}
	
	/*#TopBar {
		padding-top:22px;
		width: 100%;
		background: url(images/SideBarTop.jpg) center center no-repeat;
		height: 58px;
		clear:both;
	}*/
	
	section{
		
	}
	
	header{
		padding-bottom:51px;
	}
	

	.projectUnveiled{
	width:100%;
	height:800px;
	}
	.projectKatieMiles{
	width:100%;
	height:800px;
	}
	.projectwfmWeb{
	width:100%;
	height:800px;
	}
	.projectRonzoni{
	width:100%;
	height:800px;
	}
	.projectPhoenix{
	width:100%;
	height:800px;
	}
	
	.projectMahatma{
	width:100%;
	height:800px;
	}
	
	.projectHershey{
	width:100%;
	height:800px;
	}
	
	.projectLevLane{
	width:100%;
	height:800px;
	}
	
	.projectDagoba{
	width:100%;
	height:800px;
	}
	.projectReesesThins{
	width:100%;
	height:800px;
	}
	.projectBrookside{
	width:100%;
	height:800px;
	}
	
	
}

@media screen and (max-width: 900px) {
	
	.nav a {
	font-size:30px;
	}
}


@media screen and (max-width: 850px) {
	#blurbBox {position:relative; float:left; clear:both; width:100%; margin:0px;}
	#logo img {float:none; margin-left:auto; margin-right:auto; text-align:center; display:block;}
	#NameConcentration {display:block; margin-top:-40px;}
	
	
		#blurbBox{
		float:left;
		padding-left:10%;

	}
	
	header{
		padding-bottom:160px;
	}
}

@media screen and (max-width: 800px) {
	
	#TopBar {
		padding-top:31px;
	}
	
	.nav ul li a {
		/*font-size:22px;*/
	}

}

@media screen and (max-width: 780px) {
	

	
	
}

@media screen and (max-width: 715px) {
	

	



	
	.nav{
		float:left;
		padding-right:0px;
	}

	
	
}

@media screen and (max-width: 668px) {


	
	.nav ul li{
		display: block;
		border-right:none;
		/*border-bottom:1px solid #FFe900;*/
	}
	
	.nav ul {
		text-align:center;
		padding-bottom:10px;
	}
	
	#frontNav{
		border-left:none;
		padding-left:0px;
		padding-top: 5px;
	}
	
	.nav {
		width:90%;
	}
	
	#header2{
		height: 130px;
	}
	
	#blurbBox{
		padding-left:10%;

	}

@media screen and (max-width: 600px) {

#MainBody #ProjectImages img {
    width: 100%;
}


}

@media screen and (max-width: 490px) {
	
	.type{
		display:none;
	}
}