@charset "UTF-8";
    body,td,th {
    font-family: "Roboto", Helvetica, Geneva, Arial, sans-serif;
}
body {
	background-color: #F5F5F5;
}
.navbar-default {
	background-color: #333333;
	border-color: transparent
}
section h2 {
    margin: 5;
    font-size: 3em;
    font-family: "Blinker", Helvetica, Geneva, Arial, sans-serif;
    font-weight: 500;
}
section h3 {
    margin: 5;
    font-size: 2.5em;
    font-family: "Blinker", Helvetica, Geneva, Arial, sans-serif;
    font-weight: 500;
}
header {
    color: #CCC;
    /* [disabled]background-color: #004dae; */
    background-image: url(../img/front/intro_500h.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    min-height: 325px;
    max-height: 500px;
}
header .container {
    padding-top: 115px;
    padding-bottom: 40px;
}	
#intro {
	padding-right: 15px;
	padding-left: 15px;
}
#intro-block {
}
.first-name {
    font-size: 45px;
    font-family: "Teko", Helvetica, Geneva, Arial, sans-serif;
    color: #4F4F4F;
    padding: 0px;
    font-weight: 300;
    letter-spacing: 0.03em;
    line-height: 20px;
}
.last-name {
    font-size: 93px;
    font-family: "Teko", Helvetica, Geneva, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.2em;
    padding: 0px;
    line-height: 100px;
}
.gcskills {
    font-size: 16px;
    font-family: "Rajdhani", Helvetica, Geneva, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.3em;
    padding: 0px;
    line-height: 18px;
}
#subhead {
	padding-bottom: 0px;
	padding-top: 0px;
}
.location-bar {
    background-color: #000;
    text-align: center;
    color: #FFFFFF;
    font-family: "Teko", Helvetica, Geneva, Arial, sans-serif;
    font-size: 22px;
    padding-top: 12px;
    letter-spacing: 0.1em;
    min-height: 40px;
    line-height: 20px;
    padding-bottom: 8px;
    font-weight: 500;
}
#montserrat-font-400 {
	font-family: "Montserrat";
	font-weight: 400;
}
#montserrat-font-500 {
	font-family: "Montserrat";
	font-weight: 500;
}
#montserrat-font-700 {
	font-family: "Montserrat";
	font-weight: 700;
}
#about {
    padding-top: 85px;
    padding-bottom: 85px;
}
#background {
    padding-top: 85px;
    padding-bottom: 85px;
    color: #000000;
    background-color: #E9E9E9;
}
    #portfolio {
	padding-top: 85px;
	padding-bottom: 85px;
}
    #contact {
    background-color: #AEE1F3;
    padding-top: 20px;
    padding-bottom: 8px;
}
    a:hover, a:focus {
	color: #999999;
	text-decoration: underline
}
    .btn {
	background-color: #999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
    .btn:hover {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #666;
}
    a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #999999;
}
    .navbar-brand {
	padding-top: 10px;
	padding-bottom: 24px;
}
    #location {
    color: #FFFFFF;
    margin-bottom: 9px;
    font-family: "Teko", Helvetica, Geneva, Arial, sans-serif;
    font-size: 38px;
    letter-spacing: 0.1em;
    font-weight: 400;
}
    #portfolio .portfolio-item .portfolio-link .caption {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
	background-color: rgba(224,224,224,0.9);
}
        #portfolio .portfolio-item .portfolio-link .caption:hover {
	opacity: 1;
}
    .modal-body {
	color: #666;
}
    .portfolio-item {
	padding-top: 30px;
	padding-bottom: 0px;
}
#portfolio-first-item {
	padding-top: 10px;
}
.portfolio-client-title {
	font-size: 22pt;
	padding-top: 40px;
	padding-bottom: 5px;
	font-weight: 300;
	color: #000;
	letter-spacing: 0.02em;
	line-height: 25pt;
}
    .portfolio-caption {
	color: #666;
	padding-top: -10px;
	padding-bottom: 35px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
    #portfolio-title {
	padding-top: 50px;
}
    section.info {
    color: #333;
    background-color: #FFFFFF;
}
section.contact {
    color: #333;
    background-color: #E6E6E6;
    padding-top: 20px;
    padding-bottom: 8px;
}
    a.body_links:link {
    color: #003274;
    font-weight: 500;
    text-decoration: none;
}
a.body_links:visited {
    color: #003274;
    text-decoration: none;
}
a.body_links:hover {
    text-decoration: none;
    color: #003274;
}
a.body_links:active {
    color: #003274;
    text-decoration: none;
}
    #portfolio_identity {
	padding-bottom: 10%;
	padding-top: 0px;
}
#portfolio-online {
	padding-bottom: -1em;
	padding-top: 10px;
	margin-bottom: 0px;
}
    .website-caption {
	padding-bottom: 9%;
	padding-top: 0px;
	font-size: 11pt;
	color: #666;
	line-height: 11pt;
	margin-top: -1em;
}
.collateral {
	padding-top: 1em;
}
#portfolio-collateral-first {
	padding-top: 15%;
}
.photoshop {
	padding-top: 1em;
	padding-bottom: 2em;
	margin-bottom: 1em;
}
    #portfolio-photoshop-first {
	padding-top: 15%;
}
footer .footer-above {
	padding-top: 50px;
	background-color: #000000;
}
.gc-circ {
    width: 20%;
    height: auto;
    margin-bottom: 20px;
}
@media all and (max-width: 992px) {
.gc-circ {
    width: 40%;
    height: auto;
    margin-bottom: 20px;
}
	.last-name {
    font-size: 63px;
    font-family: "Teko", Helvetica, Geneva, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.2em;
    padding: 0px;
    line-height: 60px;
}
	.first-name {
    font-size: 40px;
    font-family: "Teko", Helvetica, Geneva, Arial, sans-serif;
    color: #4F4F4F;
    padding: 0px;
    font-weight: 300;
    letter-spacing: 0.03em;
    line-height: 35px;
}
.gcskills {
    font-size: 16px;
    font-family: "Rajdhani", Helvetica, Geneva, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.1em;
    padding: 0px;
    line-height: 25px;
}
}