@charset "utf-8";

/* TEST STYLES */

/* END TEST STYLES */



/* header content */

/* END header content */


/* body content */


/* body section css */
.cntBlock {max-width: 1200px;}
/* END body section css */
#work .col.whole.l-half+.col.whole.l-half {margin-top:2em}
#lg-image-caption {font-size: 1em;}
.section-1,.section-2{margin:2.5em 0;padding-bottom: 2.5em;}
.section-1{background-image:url(../images/sectionBg01.jpg);background-size:cover;background-position:center}
.section-2{margin:1.1em 0}
.cnt+.cnt,.cnt+.cntBlock,.cntBlock+.cnt,.cntBlock+.cntBlock{margin-top:5em}


.download-button {display:inline-block;padding:6px 24px;
font-size:1.6em;font-style: normal;font-family: 'Verdana';color:#3a3a3a !important;text-decoration:none;text-shadow:0 1px 0 #ffffff;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a0d4a0), color-stop(1, #8FBC8F) );background:-moz-linear-gradient( center top, #a0d4a0 5%, #8FBC8F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0d4a0', endColorstr='#8FBC8F');background-color:#a0d4a0;
-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #8FBC8F}

.download-button:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8FBC8F), color-stop(1, #a0d4a0) );background:-moz-linear-gradient( center top, #8FBC8F 5%, #a0d4a0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8FBC8F', endColorstr='#a0d4a0');background-color:#8FBC8F;color:#797979 !important}
.download-button:active {position:relative;top:1px}


.ffg_hero {top:1em;right:1em;}
.ffg_hero img {width:60%}

/* END body content */


/* footer content */

/* END footer content */

/* defulat css that modern 'only' browsers use */
@media only screen {

}

@media (min-width: 481px) {
.ffg_hero img {width:80%}
}

@media (min-width: 768px) {
#introduction,#background,#work,#life,#resumeBlock,#contact{padding-top:1em}
#leading,#colors,#truFluid{padding-top:2.5em}
#work .col.whole.l-half+.col.whole.l-half{margin-top: 0;}
#lg-image-caption {font-size: 1.25em;}
.ffg_hero {top:2em;right:2em;}
.ffg_hero img {width:100%}
}

@media (min-width: 1200px) {
#lg-image-caption {font-size: 1.5em;}
}