/*!
 * Start Bootstrap - Small Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/*body {
    /*padding-top: 70px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes.} */

@media(max-width:980px){
	img.banner{display:none;}
}

@media(max-width:1920px) {
	header a.logo{	
	background:url('../images/logo.png') no-repeat;
	background-position:12px 5px;
	padding:60px 0 0 20px;
	margin:0 0 30px 20px;
	width:800px;
	height:333px;
	z-index:33;
	display:block;
	transform:scale(-40px,-40px,-40px);
}

.cta{
    display: block;
    z-index: 44;
    position: absolute;
    margin-top: 130px;
}
.gallery-centered {
	width:248%;
    margin: 0 15.4187192% 1.1083743% 0.448%;
    padding: 3% 22% 3% 10.83%;
    background-color: #ececec;
    height: 50%;
	box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;  
	-moz-box-shadow:#888 6px 0px 2px 0, -6px 6px 2px;
	margin-left: -9px;
}
.gallery-centered img {
	padding:2%;
}
.banner {
	float: right;
    top: 340px;
    position: absolute;
	margin:-0.5% 0 -1.5% -1.5%;
}
#lightbox {
		display:none;
		position:fixed;
		top:0;
		left:0.009%;
		width:100%;
		height:100%;
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
		z-index:9999;
}
.mail {width:190px;height:30px;}
#content {
		position:relative;
		left:33.3%;	
		top:22.2%;
}
.btn.btn-primary.btn-lg{z-index:0;}
/* Clear the floated elements */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;	
}

.clearfix:after {
	clear: both;	
}

.clearfix {
	zoom:1;	
}
section.flexwidth {
	background: #CDE0E4 url('images/parchment.png') repeat;
	margin-top:20px;
	padding-bottom:40px;
	margin-bottom:20px;
	z-index:33;
	padding:0;
	width:62.5%;
	box-shadow: #ececec 6px 0px 2px 0, #ececec -6px 6px 2px;  
	-moz-box-shadow:#ececec 6px 0px 2px 0, -6px 6px 2px; 
}
.col-md-16{
    width:62.5%;
	margin-top:44px;
	margin-left:44px;	
}
}
@media(min-width:1080px){
	#lightbox {
		display:none;
		position:fixed;
		top:0;
		left:0.009%;
		width:100%;
		height:100%;
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
		z-index:9999;
}
.mail {width:190px;height:30px;}
#content {
		position:relative;
		left:11.3%;	
		top:11.2%;
}
}
@media(min-width:1024px){
header {
	margin:0;
	padding:0;
	width:99.5%;
	height:222px;
	z-index:33;
	background:url("../images/header-txtr.png") repeat-x;
}

header a.logo{	
	background:url('../images/logo.png') no-repeat;
	background-position:333px 5px;
	padding:60px 0 0 20px;
	margin:0 0 30px -311px;
	width:800px;
	height:400px;
	z-index:33;
	display:block;
	transform:scale(-40px,-40px,-40px);
}

.cta{
    display: block;
    z-index: 44;
    position: absolute;
    top: 40px;
 	
}

.row {background:url('../images/stxt2.jpg')repeat-x;margin-top:0px;width: 112%;}
/*.navbar-fixed-top .nav {
    padding: 15px 0;
}*/

/*.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}*/
.col-md-4{
	width:330px;
	background:url('../images/smallbucket1b.png')no-repeat;
	height:300px;
}
.col-md-5{
	width:330px;
	background:url('../images/smallbucket2.png')no-repeat;
	height:300px;
}
.col-md-6{
	width:330px;
	background:url('../images/smallbucket3.png')no-repeat;
	height:300px;
}
.col-md-7{
	width:445px;
	background:url('../images/smallbucket1.png')no-repeat;
	height:300px;
}
.col-md-9{
	width:707px;
	background:url('../images/lh2.png')no-repeat;
	height:250px;
	margin:0 0 0 -69px;
}
.col-md-11{
	width:559px;
	height:450px;
	margin-top:44px;
	margin-left:44px;
	background:url('../images/smalllh2.png')no-repeat;
}
.col-md-22{
	width:444px;
	margin-top:44px;
	height:450px;
	float:right;
	margin-right:60px;
	background:url('../images/smallresume.png')no-repeat;
}
.col-md-33{
	width:1064px;
	height:333px;
	background:url('../images/strip.png')no-repeat;
	background-position:0 -90px;
	display:block;
	margin-top:509px;
	margin-left:44px;
}
footer {
    padding: 30px 0;
}

.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8 {margin:47px 0 0 45px;}
.navbar-brand a {
	background:#be1e2d;
}
h2.content {content:" ";margin-top:-25px;padding-left:15px;float:none;}
h1, .h1{    margin-top: 20px;
    font-size: 36px;
	position:absolute;
	top:-20px;
	width:800px;
}
.btn {line-height:1.6em;margin-left:20px;}
.btn2{display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
text-decoration:none;
}
.btn2:hover {
	text-decoration:none;
}
h2 {text-shadow:2px 2px 2px;}
.col-md-4 h2{
	color:#fff;
}
.col-md-5 h2{
	color:#333;
}
.col-md-6 h2{
	color:#111;
}
#skillsWrapper {
	display:block;
	height:600px;
	width:600px;
	position:relative;
	bottom:0;
	left:-62px;
}
.psexp {
	height:12px;
	background:#079;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:53px;
}
.psexp h3{position:absolute;left:12px;bottom:16px;}
.dwexp {
	height:12px;
	background:#cc0;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:126px;
	
	
}
.dwexp h3{position:absolute;left:7px;bottom:16px;}
.htmlexp {
	height:12px;
	background:#00c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:199px;
}

.htmlexp h5{position:absolute;left:7px;bottom:16px;}
.cssexp {
	height:12px;
	background:#ff7fbd;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:272px;
}

.cssexp h4{color:#fff;position:absolute;left:7.5px;bottom:16px;}
.jsexp {
	height:12px;
	background:#00e54c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left: 345px;
}
#lightbox {
		display:none;
		position:fixed;
		top:0;
		left:0.009%;
		width:100%;
		height:100%;
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
		z-index:9999;
}
.mail {width:190px;height:30px;}
#content {
		position:relative;
		left:22.2%;	
		top:11.2%;
}
.jsexp h3{position:absolute;left:12px;bottom:16px;}
.psexp,.dwexp,.cssexp,.htmlexp,.jsexp{float:left;}
a.last { z-index:9999;color:blue;}

.skills{display:inline;}
@media(max-width:1024px){
	.banner {display:none;}	}	
}

@media screen and (max-width:980px){
	.row {background:url('../images/stxt2.jpg')repeat-x;width:980px;}
	header a.logo{	
	background:url('../images/logo.png') no-repeat;
	background-position:12px 5px;
	padding:60px 0 0 20px;
	margin:0 0 30px 20px;
	width:800px;
	height:400px;
	z-index:33;
	display:block;
	transform:scale(-40px,-40px,-40px);
}
nav{position:absolute;top:280px;}
nav {background:#be1e2d;margin-top:0;padding-top:0;}
.cta{
    display: block;
    z-index: 44;
    position: absolute;
    top: 40px;	
}
#skillsWrapper {
	display:block;
	height:600px;
	width:600px;
	position:relative;
	bottom:0;
	left:-29px;
}
.psexp {
	height:12px;
	background:#079;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:53px;
}
.psexp h3{position:absolute;left:12px;bottom:16px;}
.dwexp {
	height:12px;
	background:#cc0;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:126px;
	
	
}
.dwexp h3{position:absolute;left:7px;bottom:16px;}
.htmlexp {
	height:12px;
	background:#00c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:199px;
}

.htmlexp h5{position:absolute;left:7px;bottom:16px;}
.cssexp {
	height:12px;
	background:#ff7fbd;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:272px;
}

#lightbox {
		display:none;
		position:fixed;
		top:0;
		left:0.009%;
		width:100%;
		height:100%;
		/* older versions of IE don't recognize opacity */
		 background: rgba(0,0,0, .7); /* .7 is 70% transparency */
		/* background:url('overlay.png') repeat; * for IE6 * it doesn't understand alpha transparency */
		z-index:9999;
}
.mail {width:190px;height:30px;}
#content {
		position:relative;
		left:11.3%;	
		top:11.2%;
}

.cssexp h4{color:#fff;position:absolute;left:7.5px;bottom:16px;}
.jsexp {
	height:12px;
	background:#00e54c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left: 345px;
}

.jsexp h3{position:absolute;left:12px;bottom:16px;}
.psexp,.dwexp,.cssexp,.htmlexp,.jsexp{float:left;}
a.last { z-index:9999;color:blue;}
h2,h4{left:29px;position:relative;}
.skills{display:inline;}
.row {background:url('../images/stxt2.jpg')repeat-x;width:66%;
width: 1280px;
padding-right: 60px;max-width: 133%;}
/*.navbar-fixed-top .nav {
    padding: 15px 0;
}*/

/*.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}*/
.col-md-4{
	width:330px;
	background:url('../images/smallbucket1b.png')no-repeat;
	height:300px;
	left:20px;
	top:70px;
}
.col-md-5{
	width:330px;
	background:url('../images/smallbucket2.png')no-repeat;
	height:300px;
	float:right;
	top: -228px;
	right: 23px;
}
.col-md-6{
	width:330px;
	background:url('../images/smallbucket3.png')no-repeat;
	height:300px;
	left:20px;
}
.col-md-7{
	width:445px;
	background:url('../images/smallbucket1.png')no-repeat;
	height:300px;
	left: 20px;
}
.col-md-9{
	width:707px;
	background:url('../images/lh2.png')no-repeat;
	height:250px;
	margin:0 0 0 -69px;
	bottom: 620px;
left: 450px;
}
.col-md-11{
	width:559px;
	height:450px;
	margin-top:44px;
	margin-left:44px;
	background:url('../images/smalllh2.png')no-repeat;
}
.col-md-22{
	width:444px;
	margin-top:44px;
	height:450px;
	float:right;
	margin-right:60px;
	background:url('../images/smallresume.png')no-repeat;
}
.col-md-33{
	width:1064px;
	height:333px;
	background:url('../images/strip.png')no-repeat;
	background-position:0 -90px;
	display:block;
	margin-top:509px;
	margin-left:44px;
}
.navbar-nav li > a {margin: -278px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
width: 922px;
left: 295px;
}
@media(min-width:768px) and (max-width:960){
	h2.content {width:768px;}
.container{
	width: 750px;
    margin-top: -40px;
    height: 90px;
}
	header {
	margin:0;
	padding:0;
	width:88.5%;
	height:292px;
	z-index:33;
	background:url("../images/header-txtr.png") repeat-x;
}
	header a.logo{	
	background:url('../images/logo.png') no-repeat;
	background-position:10px 5px;
	padding:60px 0 0 0px;
	margin:0 0 30px 0px;
	width:800px;
	height:400px;
	z-index:33;
	display:block;
	transform:scale(-40px,-40px,-40px);
}
nav {background:#be1e2d;margin-top:0;padding-top:0;}
.cta{
    display: block;
    z-index: 44;
    position: absolute;
    top: 40px;
    left: 299px;	
}
nav > li > a {
    position: relative;
    display: block;
    padding: 10px 244px;
}
@media screen and (max-width:800px){
.container > navbar-collapse {margin-left: -90px;}	
.navbar-nav {margin-left: -145px;}
.cta{
    display: block;
    z-index: 44;
    position: absolute;
    top: 40px;
    left: 132px;	
}
#skillsWrapper {
	display:block;
	height:600px;
	width:600px;
	position:relative;
	bottom:0;
	left:-62px;
}
.psexp {
	height:12px;
	background:#079;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:53px;
}
.psexp h3{position:absolute;left:12px;bottom:16px;}
.dwexp {
	height:12px;
	background:#cc0;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:126px;
	
	
}
.dwexp h3{position:absolute;left:7px;bottom:16px;}
.htmlexp {
	height:12px;
	background:#00c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:199px;
}

.htmlexp h5{position:absolute;left:7px;bottom:16px;}
.cssexp {
	height:12px;
	background:#ff7fbd;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:272px;
}

.cssexp h4{color:#fff;position:absolute;left:7.5px;bottom:16px;}
.jsexp {
	height:12px;
	background:#00e54c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left: 345px;
}

.jsexp h3{position:absolute;left:12px;bottom:16px;}
.psexp,.dwexp,.cssexp,.htmlexp,.jsexp{float:left;}
a.last { z-index:9999;color:blue;}

.skills{display:inline;}
}
@media screen and (max-width:768px){
.row {background:url('../images/stxt2.jpg');margin-top:-105px;}
h2.content {width:768px;}
.container{
	width: 750px;
    margin-top: 0;
    height: 90px;
	background:url('../images/stxt2.jpg');
}
header {
	margin:0;
	padding:0;
	width:88.5%;
	height:292px;
	z-index:33;
	background:url("../images/header-txtr.png") repeat-x;
}
header a.logo{	
	background:url('../images/logo.png') no-repeat;
	background-position:10px 5px;
	padding:60px 0 0 20px;
	margin:0 0 30px 10px;
	width:800px;
	height:400px;
	z-index:33;
	display:block;
	transform:scale(-40px,-40px,-40px);
}

.cta{
    display: block;
    z-index: 44;
    position: absolute;
    top: 40px;
    left: 32px;	
}
.container{margin-top: -63px;}
.cta h1{
		
}
#bs-example-navbar-collapse-1 li{margin-top:0;padding-top:0;width:100%;background:#be1e2d;}
#bs-example-navbar-collapse-1.collapse.navbar-collapse{margin-top:0;}
.navbar-header{margin:0;padding:0;}
nav { !important position:absolute;top:-100px;margin-top:-100px;!important}
.nav > li{width:100%;background:#be1e2d;}


:hov

.cls

element.style {
}

.clearfix {
    zoom: 1;
}


.gallery-centered {
    width: 253%;
    margin: 0 15.4187192% 1.108374% -35px;
    padding: 14% 22% 3% 10.83%;
    background-color: #ececec;
    height: 50%;
    box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;
    -moz-box-shadow: #888 6px 0px 2px 0, -6px 6px 2px;
}
#skillsWrapper {
	display:block;
	height:600px;
	width:600px;
	position:relative;
	bottom:0;
	left:-62px;
}
.psexp {
	height:12px;
	background:#079;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:53px;
}
.psexp h3{position:absolute;left:12px;bottom:16px;}
.dwexp {
	height:12px;
	background:#cc0;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:126px;
	
	
}
.dwexp h3{position:absolute;left:7px;bottom:16px;}
.htmlexp {
	height:12px;
	background:#00c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:199px;
}

.htmlexp h5{position:absolute;left:7px;bottom:16px;}
.cssexp {
	height:12px;
	background:#ff7fbd;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:272px;
}

.cssexp h4{color:#fff;position:absolute;left:7.5px;bottom:16px;}
.jsexp {
	height:12px;
	background:#00e54c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left: 345px;
}

.jsexp h3{position:absolute;left:12px;bottom:16px;}
.psexp,.dwexp,.cssexp,.htmlexp,.jsexp{float:left;}
a.last { z-index:9999;color:blue;}

.skills{display:inline;}
}
@media(max-width:767px) {
    body {
        padding-top: 0px;margin-top:0;} /* Required padding for .navbar-fixed-top. Change if height of navigation changes.} 
    

    /*.navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }*/
h2.content {width:768px;}
.container{
	width: 750px;
    margin-top: -40px;
    height: 90px;
	background:url('../images/stxt2.jpg');
}
header {
	margin:0;
	padding:0;
	width:99.5%;
	height:292px;
	z-index:33;
	background:url("../images/header-txtr.png") repeat-x;
}
header a.logo{	
	background:url('../images/logo.png') no-repeat;
	background-position:10px 5px;
	padding:60px 0 0 20px;
	margin:0 0 30px 10px;
	width:800px;
	height:400px;
	z-index:33;
	display:block;
	transform:scale(-40px,-40px,-40px);
}

.cta{
    display: block;
    z-index: 44;
    position: absolute;
    top: 40px;
    left: 32px;	
}

a.btn btn-primary btn-lg{
	position:absolute;
	left:50px;	
}
nav {background:#be1e2d;}
.col-md-5{
	width: 330px;
    background: url('../images/smallbucket2.png')no-repeat;
    height: 300px;
    float: right;
    top: -293px;
    left: -20px;
}
.col-md-9{
	width: 707px;
    background: url('../images/lh2.png')no-repeat;
    height: 250px;
    margin: -574px 0 0 400px;
}
.col-md-9 a.moveup{
	margin: -13px 0 0 21px;
    position: absolute !important;
}
nav {background:#be1e2d;}
.navbar-nav>li>a:hover{background:#b05055;}
.navbar-brand a:hover{background:#b05055;}
.col[*='-']{float:left;}
.gallery-centered {
    width: 253%;
    margin: 0 15.4187192% 1.108374% -35px;
    padding: 14% 22% 3% 10.83%;
    background-color: #ececec;
    height: 50%;
    box-shadow: #888 6px 0px 2px 0, #888 -6px 6px 2px;
    -moz-box-shadow: #888 6px 0px 2px 0, -6px 6px 2px;
}
.banner {display:none;}
}
@media(max-width:1280px) {
    /*body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes.} */
    

    /*.navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }*/
h2.content {width:768px;}
.container{
	width: 1024px;
    margin-top: -40px;
    height: 90px;
}
header {
	margin:0;
	padding:0;
	width:99.5%;
	height:292px;
	z-index:33;
	background:url("../images/header-txtr.png") repeat-x;
}
header a.logo{	
	background:url('../images/logo.png') no-repeat;
	background-position:30px 5px;
	padding:60px 0 0 20px;
	margin:0 0 30px 10px;
	width:800px;
	height:400px;
	z-index:33;
	display:block;
	transform:scale(-40px,-40px,-40px);
}

.cta{
    display: block;
    z-index: 44;
    position: absolute;
    top: 40px;
    left: 272px;	
}

a.btn btn-primary btn-lg{
	position:absolute;
	left:50px;	
}
nav {background:#be1e2d;margin-top:0;padding-top:0;}
.col-md-5{
	width: 330px;
background: url('../images/smallbucket2.png')no-repeat;
height: 300px;
float: right;
top: 301px;

}
.col-md-9{
	width: 707px;
    background: url('../images/lh2.png')no-repeat;
    height: 250px;
    margin: -574px 0 0 400px;
}

nav {background:#be1e2d;}
.navbar-nav>li>a:hover{background:#b05055;}
.navbar-brand a:hover{background:#b05055;}

.navbar-container{background:#b12e1e;}
#skillsWrapper {
	display:block;
	height:600px;
	width:600px;
	position:relative;
	bottom:0;
	left:-62px;
}
.psexp {
	height:12px;
	background:#079;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:53px;
}
.psexp h3{position:absolute;left:12px;bottom:16px;}
.dwexp {
	height:12px;
	background:#cc0;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:126px;
	
	
}
.dwexp h3{position:absolute;left:7px;bottom:16px;}
.htmlexp {
	height:12px;
	background:#00c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:199px;
}

.htmlexp h5{position:absolute;left:7px;bottom:16px;}
.cssexp {
	height:12px;
	background:#ff7fbd;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:272px;
}

.cssexp h4{color:#fff;position:absolute;left:7.5px;bottom:16px;}
.jsexp {
	height:12px;
	background:#00e54c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left: 345px;
}
#content {
		display:none;
}
.jsexp h3{position:absolute;left:12px;bottom:16px;}
.psexp,.dwexp,.cssexp,.htmlexp,.jsexp{float:left;}
a.last { z-index:9999;color:blue;}

.skills{display:inline;}
img.banner{display:none;}
}
@media screen and (max-width:360px){
.container{
	width: 320px;
    margin-top: -40px;
    height: 90px;
	background:url('../images/stxt2.jpg');
}
header {
	margin:0;
	padding:0;
	width:320px;
	z-index:33;
	background:url("../images/header-txtr.png") repeat-x;
}
header a.logo{	
	background:url('../images/logo.png') no-repeat;
	background-position:10px 5px;
	padding:60px 0 0 20px;
	margin:0 0 30px 10px;
	width:320px;
	z-index:33;
	display:block;
	transform:scale(-40px,-40px,-40px);
}

div.cta{
    display: block;
	left:0!important;
}

a.btn btn-primary btn-lg{
	position:absolute;
	left:50px;	
}
nav {background:#be1e2d;}
.col-md-5{
    background: url('../images/smallbucket2.png')no-repeat;
    height: 300px;
    float: right;
    top: -293px;
    left: -20px;
}
.col-md-9{
	width: 707px;
    background: url('../images/lh2.png')no-repeat;
    height: 250px;
    margin: -574px 0 0 400px;
}
.col-md-9 a.moveup{
	margin: -13px 0 0 21px;
    position: absolute !important;
}
nav {background:#be1e2d;}	
.col-md-5{display:none;}
#skillsWrapper {
	display:block;
	height:600px;
	width:320px;
	position:relative;
	bottom:0;
	left: -56px;
}
.psexp {
	height:12px;
	background:#079;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:53px;
}
.psexp h3{position:absolute;left:12px;bottom:16px;}
.dwexp {
	height:12px;
	background:#cc0;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:126px;
	
	
}
.dwexp h3{position:absolute;left:7px;bottom:16px;}
.htmlexp {
	height:12px;
	background:#00c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:199px;
}
#content{display:none;
}
#content img{display:none;}
#lightbox {
		display:none;
}
.htmlexp h5{position:absolute;left:7px;bottom:16px;}
.cssexp {
	height:12px;
	background:#ff7fbd;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:272px;
}

.cssexp h4{color:#fff;position:absolute;left:7.5px;bottom:16px;}
.jsexp {
	height:12px;
	background:#00e54c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left: 345px;
}

.jsexp h3{position:absolute;left:12px;bottom:16px;}
.psexp,.dwexp,.cssexp,.htmlexp,.jsexp{float:left;}
a.last { z-index:9999;color:blue;}

.skills{display:inline;}
img, .gallery-centered {max-width:100%;}
}
@media screen and (max-width:320px){
	.container{
	width: 320px;
    margin-top: -40px;
    height: 90px;
	background:url('../images/stxt2.jpg');
}
header {
	margin:0;
	padding:0;
	width:99.5%;
	height:292px;
	z-index:33;
	background:url("../images/header-txtr.png") repeat-x;
}
header a.logo{	
	background:url('../images/logo.png') no-repeat;
	background-position:10px 5px;
	padding:60px 0 0 20px;
	margin:0 0 30px 10px;
	width:800px;
	height:400px;
	z-index:33;
	display:block;
	transform:scale(-40px,-40px,-40px);
}

div.cta{
    display: block;
	left:0 !important;
}

a.btn btn-primary btn-lg{
	position:absolute;
	left:50px;	
}
nav {background:#be1e2d;}
.col-md-5{
    background: url('../images/smallbucket2.png')no-repeat;
    height: 300px;
    float: right;
    top: -293px;
    left: -20px;
	display:none;
}
#lightbox {
		display:none;
}
.mail {width:190px;height:30px;}
#content {
		display:none;
}
#content{display:none;}
#content img{max-width:100%;}
.col-md-9{
    background: url('../images/lh2.png')no-repeat;
    height: 250px;
    margin: -574px 0 0 400px;
}
.col-md-9 a.moveup{
	margin: -13px 0 0 21px;
    position: absolute !important;
}
nav {background:#be1e2d;}
.row {margin-left:-3px;position:absolute;}
#skillsWrapper {
	display:block;
	height:600px;
	width:320px;
	position:relative;
	bottom:0;
	left: -56px;
}
.psexp {
	height:12px;
	background:#079;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:53px;
}
.psexp h3{position:absolute;left:12px;bottom:16px;}
.dwexp {
	height:12px;
	background:#cc0;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:126px;
	
	
}
.dwexp h3{position:absolute;left:7px;bottom:16px;}
.htmlexp {
	height:12px;
	background:#00c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:199px;
}

.htmlexp h5{position:absolute;left:7px;bottom:16px;}
.cssexp {
	height:12px;
	background:#ff7fbd;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left:272px;
}

.cssexp h4{color:#fff;position:absolute;left:7.5px;bottom:16px;}
.jsexp {
	height:12px;
	background:#00e54c;
	width:54px;
	padding:10px;
	margin:10px;
	color:#fff;
	display:inline-block;
	-moz-transition-property:height;
	-moz-transition-duration:4s;
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	-webkit-transition-duration:4s;
	-webkit-transition-timing-function:ease-in-out;
	position:absolute;
	bottom:145px;
	left: 345px;
}

.jsexp h3{position:absolute;left:12px;bottom:16px;}
.psexp,.dwexp,.cssexp,.htmlexp,.jsexp{float:left;}
a.last { z-index:9999;color:blue;}

.skills{display:inline;}
div[*='.col']{right:88px;}
img, .gallery-centered {max-width:100%;}
#lightbox {
		display:none;
}
@media(max-width:320px){
	.gallery-centered{margin:0 15.4187192% 1.1083743% -5.552%;}
}