/* Author: J Gerard  Second Story Studios LLC */
body {
  	line-height: 1.0;
  	font-weight: 300;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif";
	color: #666666;
	background-color: #011626;
}


.main_nav {
	background-color: #235B84;
	padding: 2% 0 3% 3%;
	display: block;
	color: #759DB1;
	width: 100%;
	font-family: Cambria, "Hoefler Text", Times, "Times New Roman", "serif";
	font-size: 1.8em;
	font-weight: 300;
}

.sm {
	font-size: .4em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: 100;
	vertical-align: super;
}

.smoke {
	padding-left: 5%;
	font-size: 1.7em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: 300;
}

.about1  {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 2.8em;
	line-height: 1.3;
	font-weight: 200;
	padding: 2%;
	color: #177FAB;
}

.about2  {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 1.2em;
	font-weight: 200;
	line-height: 1.3;
	padding: 2%;
	color: #759DB1;
}

.about3  {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 1.2em;
	font-weight: 200;
	line-height: 1.3;
	padding: 0%;
	color: #177FAB;
}

.row {
	padding: 2% 0;
}

.portfolio_main {
	margin-bottom: 2%;
	font-size: 1.6em;
	text-align: left;
	border: 0px;
}
.portfolio_main a {
	text-decoration: none;
}
.portfolio_main a:hover {
		color:#FFFFFF;
}

.portfolio_previous {
	margin-bottom: 2%;
	text-align: left;
	border: 0px;
}
.portfolio_previous a {
	text-decoration: none;
}
.portfolio_previous a:hover {
		color:#FFFFFF;
}

.portfolio_next {
	margin-bottom: 2%;
	text-align: right;
	border: 0px;

}
.portfolio_next a {
	text-decoration: none;
}
.portfolio_next a:hover {
	color: #FFFFFF;
}

.portfolio_home {
	margin-bottom: 2%;
	text-align: right;
	border: 0px;

}
.portfolio_home a {
	text-decoration: none;
}
.portfolio_home a:hover {
 	color: #FFFFFF;
}
.sign {
    border-radius:50%;
    overflow:hidden;
	position: absolute;
	left: 5%;
	bottom: 5%;
	z-index: auto;
	max-width: 40%;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

.bg-img{
    width: auto;
	height: auto;
}

.foot {
	background-color: #235B84;
	padding: 1% 3% 0% 3%;
	color: #759DB1;
	height: 1%;
	width: 100%;
	font-family: Cambria, "Hoefler Text", Times, "Times New Roman", "serif";
	font-size: .8em;
	font-weight: 300;
}

.foot a {
	padding:3%;
	color:#759DB1;
	text-decoration: none;
}
.foot a:hover {
	color:#FFFFFF;
}

/* ________ IMAGE BEGIN
	Constrained to the container size
	Hover will do a zoom on the image */
img {
	max-width: 100%;
}

.imghover figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.imghover figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	
/* END IMAGE WORK */
	

	
/* Larger than mobile */
@media (max-width: 479px;) {
	.main-nav{font-size: 1em;}
	.smoke{font-size: .3em;}
	.portfolio img{margin-bottom: 10%;}
	}