body {
	width: 100%;
	font-family: 'Montserrat', Helvetica, sans-serif !important;
}


.home nav {
	position: fixed;
	top: -50px;
}

nav.stickytop {
    position:fixed;
    top:0;
    background: rgba(255,255,255,0.7);
	width: 100%;
	height: 40px;
	text-align: center;
	z-index: 10000;
}

nav {
	position: relative;
	width: 100%;
	height: 40px;
	text-align: center;

}

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

nav ul li{
	display: inline-block;
	padding: 10px 20px;
}

nav ul li a{
	text-decoration: none;
	color: #000;
}

nav ul li a:visited, a:visited{
	color: #000;
}

nav ul li a:hover, a:hover{
	color: #a9ceb6;
	text-decoration: none;
}

.margin-bottom{
	margin-bottom: 100px !important;
}

.title .script{
	font-size: 2.9em;
	font-family: 'Lora', serif;
	color: #a9ceb6;
}

.title .sansserif {
	font-size:2.8em;
	font-family: 'Montserrat', sans-serif;
}

a.btn {
    color: #a9ceb6;
    border: 1px solid #a9ceb6;
    border-radius: 0;
    margin: 10px 0;
}

a.btn:hover{
	background-color: #a9ceb6;
	color: #fff;
}

.btn.large{
	padding: 10px 80px;
	text-transform: uppercase;
}

.btn.center {
    display: block;
    margin: 20px auto;
    max-width: 500px;
}

#content{
	width: 100%;
}

section#intro {
    background-color: #f3f3f3;
    padding: 100px 150px 0 150px;
}



.home-text {
    font-weight: 300;
    display: block;
    width: 65%;
    float: left;
    padding-top: 40px;
}

.portrait {
    background: url(img/laura-galvin.png)no-repeat;
    width: 32%;
    height: 300px;
    background-size: contain;
    float: right;
}

.keepreading {
    font-weight: bold;
    margin-top: 15px;
}

.carousel-inner {
    border: #fff 20px solid;
}


@keyframes fade {
	0% {opacity:1;}
	30% {opacity:1;}
	100% {opacity:0;}
}

@keyframes fade2 {
	0% {opacity:0;}
	25% {opacity:1;}
	60% {opacity:1;}
	100% {opacity:0;}
}

section#FeatProjects {
    margin-top: 5%;
}

.project_l, .project_r {
    visibility: hidden;
}

.title.right{
	text-align: center;
	margin-left: 40%;
	margin-top: 50px;
}

.title.left{
	text-align: center;
	margin-left: -40%;
	margin-top: 50px;
	margin-bottom: 30px;
}

.title.center{
	text-align: center;
	margin:50px;
}

.intro-paragraph{
	text-align: center;
	margin: 30px 25% 100px;
}

.project_l .proj_img {
	margin-left: 15%;
    float: left;
    width: 400px;
}

.project_l .proj_desc {
	margin-left: 50%;
    width: 35%;
    padding-top: 186px;
}

.project_r .proj_img {
	margin-right: 15%;
    float: right;
    width: 400px;
}

.project_r .proj_desc {
	margin-left: 15%;
    width: 35%;
    padding-top: 186px;
	text-align: right;
}

.proj_title {
	font-size: 22px;
    border-bottom: 1px solid #a9ceb6;
    z-index: 1000;
    display: inline-block;
    position: relative;
    margin-bottom: 5px
}
.project_l .proj_title {
    text-indent: 24%;
    width: 125%;
    margin-left: -30%;
    z-index: 1000;
    display: inline-block;
    position: relative;
}

.project_r .proj_title {
    text-align: right;
    width: 130%;
    padding-right: 30%;
}

.proj_title:after {
    background-image: url(img/dot.png);
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    display: block;
    content: "";
    position: absolute;
}

.project_r .proj_title:after {
    right: -1px;
    top: 20px;
}

.project_l .proj_title:after {
    left: -2px;
    top: 20px;
}

.proj_text {
    font-weight: 300;
}

svg.bigTriangleColor {
    pointer-events: none;
    background: #fff;
    float: left;
}

.bigTriangleColor path {
    fill: #f3f3f3;
    stroke: #f3f3f3;
    stroke-width: 4;
}

section#gallery{
	background-color: #f3f3f3;
	padding-bottom: 50px;
}

div#artgallery {
    padding: 40px 10% 25px;
}

div#timeline {
    width: 75%;
    text-align: right;
    margin-top: 100px;
    margin-left: 20%;
}

.job_entry{
	visibility: hidden;
}

.details {
    width: 60%;
    float: left;
    background-image: url(img/bracket.jpg);
    background-repeat: no-repeat;
    height: 150px;
    background-position: right;
    padding: 0px 70px;
    margin-top: -35px;
    margin-right: 20px;
}

.details.edu {
    background-image: url(img/bracket-blk.jpg);
}


.details .job_title {
    font-size: 1.5em;}

.co_loc {
    font-size: 1.2em;
    color:#a9ceb6;
}

.job_desc{
	font-size: 1em;
	line-height: 1.2em;
	margin-top: 5px;
}

.bar {
    width: 15px;
    border-right: 1px solid #a9ceb6;
    height: 150px;
    float: left;
    margin-top: 80px;
}

.bar:before {
    background-image: url(img/dot.png);
    width: 27px;
    height: 27px;
    display: block;
    background-repeat: no-repeat;
    margin: -55px 0;
    content: "";
}

.bar.edu:before {
    background-image: url(img/diamond.png);
}

.bar.last{
	border:none;
}

.co_logo {
    width: 200px;
    float: left;
    height: 60px;
}

.co_logo:hover{
	background-position: -200px 0;
}

.augeo{
    background: url(img/logos/augeo.jpg);
    background-repeat: no-repeat;
    margin: 15px 0 0 35px;
}

.amazon{
    background: url(img/logos/amazon.jpg);
    background-repeat: no-repeat;
    margin: 15px 0 0 35px;
}

.nomad{
    background: url(img/logos/nomad.jpg);
    background-repeat: no-repeat;
    height: 125px;
    margin: -20px 0 0 35px;
}

.cfc{
    background: url(img/logos/cfc.jpg);
    background-repeat: no-repeat;
    margin: 10px 0 0 35px;
}

.gratafy{
    background: url(img/logos/gratafy.jpg);
    background-repeat: no-repeat;
    margin: 10px 0 0 35px;
}

.sublime{
    background: url(img/logos/sublimemedia.jpg);
    background-repeat: no-repeat;
    margin: 10px 0 0 35px;
}

.nycrestaurant{
    background: url(img/logos/nycrest.jpg);
    background-repeat: no-repeat;
    margin: 10px 0 0 35px;
}

.intelitek{
    background: url(img/logos/intelitek.jpg);
    background-repeat: no-repeat;
    height: 125px;
    margin: -20px 0 0 35px;
}

.quotewizard{
    background: url(img/logos/qw.jpg);
    background-repeat: no-repeat;
    margin: 10px 0 0 35px;
}

.firstdibs{
    background: url(img/logos/1stdibs.jpg);
    background-repeat: no-repeat;
    margin: 10px 0 0 35px;
}

.modalistas{
    background: url(img/logos/modalistas.jpg);
    background-repeat: no-repeat;
    margin: 10px 0 0 35px;
}

.svc{
    background: url(img/logos/svc.jpg);
    background-repeat: no-repeat;
    height: 125px;
    margin: -20px 0 0 35px;
}

.fit{
    background: url(img/logos/fit.jpg);
    background-repeat: no-repeat;
    height: 125px;
    margin: -20px 0 0 35px;
}

.sva{
    background: url(img/logos/sva.jpg);
    background-repeat: no-repeat;
    margin: 10px 0 0 35px;
}

section#skills{
	background-color: #f3f3f3;
}

.skill_column {
    width: 45%;
}

.skill_column.left {
    margin-left: 6%;
    float: left;
}

.skill_column.right {
    margin-top: 100px;
    float: left;
}

.skill_container{
    float: left;
    width: 72%;
    height: 10px;
    border: 1px solid #a9ceb6;
    margin: 10px;
}

.skill_name {
    float: left;
    margin-top: 4px;
    text-align: left;
}

.skill_fill {
	visibility: hidden;
    height: 9px;
    float: right;
    background-color: #a9ceb6;
}

.skill_fill.psd{
    width: 95%;
}

.skill_fill.ill{
    width: 90%;
}

.skill_fill.ind{
    width: 80%;
}

.skill_fill.fir{
    width: 75%;
}

.skill_fill.html{
    width: 95%;
}

.skill_fill.css{
    width: 90%;
}

.skill_fill.jvs{
    width: 30%;
}

.skill_fill.wdp{
    width: 80%;
}

.skill_fill.seo{
    width: 40%;
}

.skill_fill.brd{
    width: 95%;
}

.skill_fill.pm{
    width: 90%;
}

.skill_fill.ws{
    width: 85%;
}

.skill_fill.ldp{
    width: 85%;
}

.skill_fill.bna{
    width: 95%;
}

.skill_fill.sm{
    width: 60%;
}

.skill_fill.pe{
    width: 90%;
}

.skill_fill.mkt{
    width: 60%;
}

.skill_fill.cpw{
    width: 40%;
}

section#contact{
	padding-bottom: 150px;
}

.dnld_hex {
	background-image: url(img/dnld_hex.jpg);
	width: 350px;
	height: 250px;
}

.dnld_hex:hover{
	background-position: -350px;
}

.proj_desc.resume {
    padding-top: 75px;
    margin-left: 55%;
    width: 30%;
   
}

.contact_info{
	text-align: center;
}

.contact_info a{
	color: #000;
	font-size: 1.5em;
	padding-bottom: 10px;
	display: inline-block;
}

.contact_info a:hover{
	color: #c1aa77;
	text-decoration:none;
}

.social_icons {

	border-top: #a9ceb6 solid 1px;
	padding-top: 10px;
}

.social_icons img{
	padding:5px;
}

.social_icons img:hover{
	opacity:.3;
}


/* PROJECT PAGES */

.project-intro{
	width: 80%;
	margin: 60px auto;
	display: block;
}

.project-intro .project-logo{
	margin: 0 auto;
	width: 300px;
	text-align: center;
}

.project-desc{
	text-align: center;
	font-size: 1em;
	width: 70%;
	margin:0 auto;
	display: block;
	line-height: 2em;
	padding: 60px 0 0;
}

.breadcrumb {
    text-align: center;
    margin-top: .5rem;
    background-color: #fafafa !important;
}

footer a, footer a:visited {
    color: #a9ceb6;
}

footer a:hover {
	color: #000;
}

a.current {
	color:footer a, footer a:visited {
    color: #a9ceb6;
};
}

a.visited {
	color:footer a, footer a:visited {
    color: #a9ceb6;
};
}

.breadcrumb a:hover {
	color:footer a, footer a:visited {
    color: #a9ceb6;
} !important;
}

a.btn :hover{
	color:#fff;
}

section.project-images img{
    width: 90%;
    margin: 5% auto;
    display: block;
}

section.project-images video{
    margin: 5% auto;
    display: block;
}

section.project-images img.half-size {
    width: 50%;
}

section.project-images img.quarter {
    width: 23%;
    float: left;
    margin: 1%;
    padding: 1%;
}

.quarter-container {
	width: 90%;
	margin: 0 auto 50px;
    display: block;
}

section.related-projects{
	width: 50%;
	margin: 100px auto 30px;
	display: block;
}

section.related-projects .btn.large{
width: 100%;
}

section.gallery img{
	width: 80%;
	display: block;
	margin: 0 auto;
}

footer {
    margin: 100px auto 20px;
    color: #dadada;
    text-align: center;
}

.totop {
    width: 183px;
    height: 50px;
    display: block;
    margin: 0 auto;
}

/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 

	visibility: visible !important;	
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);

	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}


/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}


/*** MEDIA QUERIES ***/

@media screen 
  and (min-width: 1055px) 
  and (max-width: 1300px) {

  	.project_l, .project_r{
  		padding:30px 0;
  	}

	.project_l .proj_title {
    text-indent: 15%;
    width: 100%;
    margin-left: -15%;
    z-index: 1000;
    display: inline-block;
    position: relative;
	}

	.project_r .proj_title {
    text-align: right;
    width: 115%;
    padding-right: 15%;
	}

	.project_l .proj_desc {
    margin-left: 53%;
    width: 32%;
	}

	.project_r .proj_desc {
    margin-left: 15%;
    width: 32%;
	}

	div#timeline {
    width: 80%;
    text-align: right;
}
	.details {
    width: 65%;
    padding: 0px 70px 0 0;
}

}

  @media screen 
  and (min-width: 768px) 
  and (max-width: 1055px) {

	.title .script {
    font-size: 2.5em;
}

  	.title .sansserif {
    font-size: 2.3em;
}
	
	.project_l, .project_r{
  		padding:50px 0;
  	}

	.project_r .proj_img {
    margin-right: 5%;
	}

	.project_l .proj_img {
    margin-left: 5%;
	}

.project_r .proj_desc {
    margin-left: 4%;
    width: 38%;
    padding-top: 130px:
}

.project_l .proj_desc {
    margin-left: 58%;
    width: 38%;
    padding-top: 140px;
    }

    .project_l .proj_title {
    text-indent: 25%;
    width: 120%;
    margin-left: -25%;
}

.project_r .proj_title {
    width: 120%;
    padding-right: 20%;
}

.proj_desc.resume{
	margin-left: 52%;
    padding-top: 50px;
}
}

	div#timeline {
    width: 90%;
    text-align: right;
    margin-top: 100px;
    margin-left: 10%;
}

.details{
	    padding: 0px 70px 0px 20px;
	    width: 62%;
}

.details .job_title {
    font-size: 1.2em;
}

.co_loc {
    font-size: 1em;
    }

    .job_desc {
    font-size: .9em;
}

.title.left {
    margin-left: 0;
}

.skill_container {
    width: 65%;
}

.skill_name {
    font-size: 0.8em;
    }

    section#contact{
    	padding-bottom:50px;
    }

  }

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

  }