body {
	overflow-x: hidden;
}
p {
	font-size: 20px;
}
p.small {
	font-size: 16px;
}
a, a:hover, a:focus, a:active, a.active {
	outline: 0;
	color: #18bc9c;
}
h1 {
	/*-moz-osx-font-smoothing: grayscale;
  	-webkit-font-smoothing: antialiased;*/
	font-family: "alternate-gothic-no-3-d", Titillium Web, Helvetica, Arial, sans-serif;
	font-size: 40px;
	line-height: 35px;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 20px;
	margin-top: 20px;
	text-transform: uppercase;
}
h2 {
	text-transform: uppercase;
	font-family: "Titillium Web", Montserrat, Helvetica, Arial, sans-serif;
	font-weight: 700;
}
h3 {
	text-transform: uppercase;
	font-family: "Titillium Web", Montserrat, Helvetica, Arial, sans-serif;
	font-weight: 700;
}
h4 {
	font-size: 16px;
	letter-spacing: 1.395px;
	margin-bottom: 0;
}
hr.star-light, hr.star-primary {
	margin: 25px auto 60px;
	padding: 0;
	max-width: 250px;
	border: 0;
	border-top: solid 5px;
	text-align: center;
}
hr.star-light:after, hr.star-primary:after {
	content: "\f005";
	display: inline-block;
	position: relative;
	top: -.8em;
	padding: 0 .25em;
	font-family: FontAwesome;
	font-size: 2em;
}
hr.star-light {
	border-color: #fff;
}
hr.star-light:after {
	color: #fff;
	background-color: #18bc9c;
}
hr.star-primary {
	border-color: #2c3e50;
}
hr.star-primary:after {
	color: #2c3e50;
	background-color: #fff;
}
.img-centered {
	margin: 0 auto;
}
::selection {
	background: #ec10e9; /* WebKit/Blink Browsers */
}
::-moz-selection {
 background: #ec10e9; /* Gecko Browsers */
}
.well {
	border: 0;
	border-radius: 0;
	background-color: #E1E1E1; /* Change to white */
	margin-bottom: 15px;
	padding: 0;
}
.border-white {
	border: 1px solid #ffffff;
}
.border-grey {
	border: 1px solid #CDCDCD;
}
/* ======================================================
   Button Override
   ====================================================== */

.btn-primary {
	background-color: #fbd620;
	border-color: #18bc9c;
	color: #304e4c;
	text-transform: uppercase;
	font-size: 12px;
	border-width: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}
.btn-primary:hover {
	background-color: #71212d;
}
.btn-lg, .btn-group-lg > .btn {
	border-radius: 0;
	padding: 20px 35px;
	letter-spacing: 1px;
}
.modal-content .modal-body .btn-primary {
	background-color: #000000;
	color: #fbd620;
}
.modal-content .modal-body .btn-primary:hover {
	background-color: #406462;
}
/* ======================================================
   Section
   ====================================================== */

section {
	padding: 60px 0;
}
section h2 {
	margin: 0;
	font-size: 3em;
}
section h2.section-heading {
	font-family: "alternate-gothic-no-3-d", Montserrat, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 50px;
	margin-bottom: 0;
	margin-top: 0;
	color: #000000;
}
section .section-subheading {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "pragmatica", Titillium Web, Montserrat, Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: 200;
	margin-bottom: 50px;
	text-transform: none;
	line-height: 23px;
	color: #242424;
}
section hr, header hr {
	width: 108px;
	border-top: 9px solid #fed800;
	margin-top: 15px;
	margin-bottom: 30px;
}
/* ======================================================
   Header
   ====================================================== */

header {
	background-image: url(../img/profile.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	color: #fff;
	background-color: #000000;
}
header .container {
	padding-top: 60px;
	padding-bottom: 40px;
}
header span {
	font-family: "pragmatica", Titillium Web, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	color: #fed800;
	font-weight: 200;
}
header .intro-text {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "pragmatica", Titillium Web, Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 200;
	color: #FFFFFF;
	margin-bottom: 40px;/*border:1px solid #fff;*/
}
header .intro-text .skills {
	font-size: 1.25em;
	font-weight: 300;
}
header .btn-primary {
	width: 200px;
}
header .btn-primary:hover {
	background-color: #ffffff;
	color: #000000;
	width: 200px;
}
header .list-group-horizontal .list-group-item {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 0;
}
/* ======================================================
   Nav Bar
   ====================================================== */

.navbar {
	min-height: 40px;
}
.navbar-default {
	background-color: #2c3e50;
	border-color: transparent;
}
.navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	top: -100px;
	overflow: hidden;
	z-index: 10;
	opacity: 1;
	-webkit-transition: top .5s;
	transition: top .5s;
}
.navbar-fixed-top-move {
	top: 0;
}
.navbar-fixed-top.nav-down {
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 10;
	opacity: 1;
	-webkit-transition: top .5s ease-out;
	transition: top .5s ease-out;
}
.navbar-nav {
	margin: 0;
	text-align: center;
	float: none;
	font-family: "pragmatica", Montserrat, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 11px;
	letter-spacing: 2px;
	color: #DFDFDF;
}
.navbar-nav > li {
	float: none;
	display: inline-block;
}
.navbar-default .navbar-nav > li > a {
	color: #DCDCDC;
	padding: 15px 10px;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #fed800;
}
.navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fed800;
	background-color: #1a242f;
}
/*
#topmmenu {
    width: 100%;
    height: 50px;
    background: whitesmoke;
    position: fixed;
    left: 0px;
    top: -100px;
    overflow: hidden;
    z-index: 10;
    opacity: 1;
    -webkit-transition: top .5s;
    transition: top .5s;
}
#topommenu.nav-down {
    width: 100%;
    height: 50px;
    background: whitesmoke;
    position: fixed;
    left: 0px;
    top: 0px;
    overflow: hidden;
    z-index: 10;
    opacity: 1;
    -webkit-transition: top .5s ease-out;
    transition: top .5s ease-out;
}











/* ======================================================
   Portfolio Section
   ====================================================== */

.wrapper {
	overflow: hidden;
	/* we don't want the pseudo-elements sticking out */
}
section#portfolio {
    position: relative;
    background: #ffffff;
    color: #fff;
    text-align: center;
	padding-top: 75px;
}
/* Common style for pseudo-elements */
section#portfolio::before,
section#portfolio::after {
	position: absolute;
	content: '';
	pointer-events: none;
}
.ss-style-doublediagonal {
	z-index: 1;
	background: #ffffff;
}
.ss-style-doublediagonal::before,
.ss-style-doublediagonal::after {
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	background: inherit;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}




#portfolio h2 {
	color: #000000;
}
#portfolio .portfolio-item {
	border: 0;
	border-radius: 0;
	background-color: #000000; /* Change to white */
	margin-bottom: 15px;
	padding: 0;
}
.hovereffect {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: pointer;
}
.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	text-align: left;
}
.hovereffect .overlay:before {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	content: '';
	opacity: 0;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	transition: all ease .4s;
}
.hovereffect:hover .overlay:before, .hovereffect:hover a, .hovereffect:hover p {
	opacity: 1;
}
.hovereffect .overlay .caption {
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 25px;
	width: 100%;
	text-align: center;
	transform: perspective(1px) translateY(-50%);
}
.hovereffect .overlay .caption h4 {
	font-family: "alternate-gothic-no-3-d", Titillium Web, Helvetica, Arial, sans-serif;
	font-size: 30px;
	line-height: 27px;
	font-weight: 600;
	letter-spacing: 1.395px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 0;
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}
.hovereffect .overlay .caption p {
	font-family: "pragmatica", Titillium Web, Montserrat, Helvetica, Arial, sans-serif;
	color: #fbd620;
	font-size: 12px;
	font-weight: 200;
	letter-spacing: 2px;
	margin-bottom: 0;
	margin-top: 0;
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}
.hovereffect .overlay .caption h4, .hovereffect .overlay .caption p {
	-webkit-transform: translate3d(0, 80px, 0);
	transform: translate3d(0, 80px, 0);
}
.hovereffect .overlay:hover h4, .hovereffect .overlay:hover p {
	opacity: 1;
}
.hovereffect .overlay:hover h4, .hovereffect .overlay:hover p {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.hovereffect .overlay:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
.btn-outline {
	margin-top: 15px;
	border: solid 2px #fff;
	font-size: 20px;
	color: #fff;
	background: 0 0;
	transition: all .3s ease-in-out;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
	border: solid 2px #fff;
	color: #18bc9c;
	background: #fff;
}
/* ======================================================
   About Section
   ====================================================== */
  
section#about {
	background-color: #eaf2f0;
	padding-top: 75px;
}
#about .section-subheading {
	margin-bottom: 30px;
}
#about .skill-box {
	background-color: #333333;
	margin-bottom: 30px;
	color: #fff;
	padding: 20px 15px 15px 15px;
}
#about .skill-heading {
	font-family: "Titillium Web", Montserrat, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 13px;
	margin-top: 20px;
}
#about .section-subheading .margin-bot30 {
	margin-bottom: 30px;
}
/* ======================================================
   Contact Form
   ====================================================== */

section#contact {
	background-color: #000000;
	color: #fff;
	padding-top: 75px;
}
section#contact .section-heading {
	color: #fff;
}
section#contact .section-subheading {
	color: #ffffff;
}
.form-control {
	background-color: #ffffff;
	border: medium none;
	border-radius: 0px;
	font-size: 14px;
	transition: background-color 0.3s ease 0s;
	padding: 7px 18px;
	height: 40px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control:focus {
	background-color: #213d3b;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 !important;
}
 .form-control::-moz-placeholder {
 color: #D0D0D0;
 opacity: 1;
 filter: alpha(opacity=100);
}
 .form-control:-moz-placeholder {
 color: #D0D0D0;
 opacity: 1;
 filter: alpha(opacity=100);
}
.form-control::-webkit-input-placeholder {
 color: #D0D0D0;
 opacity: 1;
 filter: alpha(opacity=100);
}
 .form-control:-ms-input-placeholder {
 color: #D0D0D0;
 opacity: 1;
 filter: alpha(opacity=100);
}
section#contact .form-group {
	margin-bottom: 15px;
}
section#contact .form-group input, section#contact .form-group textarea {
	padding: 24px;
	resize: none;
	border-radius: 0;
	border-width: 0;
	font-size: 18px;
	color: #D0D0D0;
}
section#contact .form-group input, section#contact .form-group textarea {
	padding-left: 24px;
	transition: padding-left 0.15s ease-out 0s;
}
section#contact .form-group input:focus, section#contact .form-group textarea:focus {
	padding-left: 30px;
}
section#contact .form-group input.form-control {
	height: auto;
}
section#contact .form-group textarea.form-control {
	height: 271px;
}
section#contact .form-control:focus {
	border-color: #fed136;
	box-shadow: none;
}
section#contact .alert-danger {
	background-color: #e74c3c;
	border-color: #e74c3c;
	color: #ffffff;
}
section#contact .section-subheading {
	color: #dddddd;
}
section#contact .help-block.text-danger ul {
	padding-left: 23px;
}
section#contact .help-block.text-danger li {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "pragmatica", Titillium Web, Helvetica, Arial, sans-serif;
	list-style-type: none;
	font-size: 14px;
	letter-spacing: 1px;
	color: #E9FF00;
}
section.success a, section.success a:hover, section.success a:focus, section.success a:active, section.success a.active {
	outline: 0;
	color: #2c3e50;
}
section#contact .form-group .btn-lg {
	margin-top: 25px;
}
/* ======================================================
   Footer
   ====================================================== */

footer {
	color: #fff;
}
footer h3 {
	margin-bottom: 30px;
}
footer .footer-above {
	padding-top: 50px;
	background-color: #2c3e50;
}
footer .footer-col {
	margin-bottom: 50px;
}
footer .footer-below {
	padding: 25px 0;
	background-color: #000000;
}
.btn-social {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 45px;
}
.btn:focus, .btn:active, .btn.active {
	outline: 0;
}
footer .copyright {
	font-family: "pragmatica", Titillium Web, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 200;
}
/* ======================================================
   Scroll to top button
   ====================================================== */

.scroll-top {
	z-index: 1049;
	position: fixed;
	right: 2%;
	bottom: 2%;
	width: 50px;
	height: 50px;
}
.scroll-top .btn {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 28px;
}
.scroll-top .btn:focus {
	outline: 0;
}
/* ======================================================
   Portfolio Popup
   ====================================================== */

.portfolio-modal .modal-body {
	padding: 20px;
}	
.portfolio-modal .modal-content {
	padding: 90px 0 100px 0;
	min-height: 100%;
	border: 0;
	border-radius: 0;
	text-align: center;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #F1F1F1;
}
.portfolio-modal .modal-content h2 {
	margin: 0;
	font-size: 28px;
}
.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
	margin: 30px 0;
}
.portfolio-modal .modal-content .item-details li a {
	padding-right: 10px;
}
.modal-content hr.star-primary:after {
	background-color: #F1F1F1;
}
.portfolio-modal .list-inline .text-info {
	color: #18bc9c;
}

/*.portfolio-modal .close-modal {
	position: fixed;
	z-index: 3;
	top: 0px;
	right: 0px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	cursor: pointer;
	padding: 15px 10px;
	font-family: "pragmatica", Montserrat, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 11px;
	letter-spacing: 2px;
	color: #212121;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}
.portfolio-modal .close-modal:hover {
	background-color: rgba(44, 62, 80, 0.9);
	color: #fed800;
}*/


/*

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 55px;
    margin-left: 35px;
	margin-top: 10px;
    background-color: #2c3e50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 55px;
    background-color: #2c3e50;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}
*/



.portfolio-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: transparent;
    top: 25px;
    right: 25px;
    cursor: pointer;
	/*border: 1px solid #C5C5C5;*/
	z-index: 1051;
}
.portfolio-modal .close-modal:hover {
    opacity: .3;
}
.portfolio-modal .close-modal .lr {
    height: 75px;
    width: 1px;
    margin-left: 35px;
    background-color: #2C3E50;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
    height: 75px;
    width: 1px;
    background-color: #2C3E50;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052;
}
.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}
















@media (max-width: 500px) {
.hovereffect .overlay .caption {
	top: 44%;
}
.hovereffect .overlay .caption h4 {
/*color:#12FF00;*/
}
}

@media only screen and (max-width:767px) {
section.first {
	padding-top: 75px;
}
}

@media only screen and (min-width:768px) {
.navbar-default .navbar-nav > li > a {
	color: #DCDCDC;
	padding: 15px 18px;
}
section#portfolio,  section#about,  section#contact {
	padding-top: 75px;
}
header .container {
	padding-top: 110px;
	padding-bottom: 110px;
}
h1 {
	font-size: 80px;
	line-height: 65px;
	margin-top: 40px;
}
header .intro-text {
	font-size: 39px;
	line-height: 42px;
	margin-bottom: 100px;
}
section h2.section-heading {
	font-weight: 400;
	font-size: 60px;
	margin-bottom: 15px;
	margin-top: 0;
}
section hr, header hr {
	width: 108px;
	border-top: 9px solid #fed800;
	margin-bottom: 40px;
}
section #about .section-subheading {
	margin-bottom: 50px;
}
header .intro-text .name {
	font-size: 2.40em;
}
header .intro-text .skills {
	font-size: 1.75em;
}
header .intro-text .name {
	margin-bottom: 40px;
}
#portfolio .pad-left {
	padding-left: 0;
}
#portfolio .portfolio-item.large {
	background-color: #003EFF;
	height: 325px;
}
#portfolio .portfolio-item.medium {
	background-color: #346C3F;
	height: 155px;
}
#portfolio .portfolio-item.small {
	background-color: #346C3F;
	height: 155px;
}
/*****************************************************************
	   thumbnails set to background due to removing padding on colums
	 *****************************************************************/
	
	/*** ROW 01 ***/
#portfolio #dacro.portfolio-item {
	background: url(../img/portfolio/thumbs/dacro.jpg) no-repeat top center;
	background-size: cover;
}
#portfolio #leadgalaxy.portfolio-item {
	background: url(../img/portfolio/thumbs/leadgalaxy.jpg) no-repeat top center;
	background-size: cover;
}
#portfolio #howtu.portfolio-item {
	background: url(../img/portfolio/thumbs/howtu.jpg) no-repeat top center;
	background-size: cover;
}
/*** ROW 02 ***/
#portfolio #salomon-xa.portfolio-item {
	background: url(../img/portfolio/thumbs/salomon_xa_pro.jpg) no-repeat bottom center;
	background-size: cover;
}
#portfolio #portland_brown.portfolio-item {
	background: url(../img/portfolio/thumbs/portland_brown.jpg) no-repeat bottom center;
	background-size: cover;
}
#portfolio #cotswold_email.portfolio-item {
	background: url(../img/portfolio/thumbs/cotswold_email.jpg) no-repeat bottom center;
	background-size: cover;
}
#portfolio #quest.portfolio-item {
	background: url(../img/portfolio/thumbs/salomon_quest.jpg) no-repeat bottom center;
	background-size: cover;
}
/*** ROW 03 ***/
#portfolio #email_concept.portfolio-item {
	background: url(../img/portfolio/thumbs/email_concept.jpg) no-repeat bottom center;
	background-size: cover;
}
#portfolio #cotswold_landingpages.portfolio-item {
	background: url(../img/portfolio/thumbs/cotswold_landingpages.jpg) no-repeat bottom center;
	background-size: cover;
}
#portfolio #fasthosts.portfolio-item {
	background: url(../img/portfolio/thumbs/fasthosts.jpg) no-repeat bottom center;
	background-size: cover;
}
/*** ROW 04 ***/
#portfolio #gore-tex_jackets.portfolio-item {
	background: url(../img/portfolio/thumbs/gore-tex_jackets.jpg) no-repeat bottom center;
	background-size: cover;
}
#portfolio #email_marketing.portfolio-item {
	background: url(../img/portfolio/thumbs/email_marketing.jpg) no-repeat bottom center;
	background-size: cover;
}
#portfolio #zurich.portfolio-item {
	background: url(../img/portfolio/thumbs/zurich.jpg) no-repeat bottom center;
	background-size: cover;
}
.hovereffect .overlay .caption {
	top: 47%;
	transform: perspective(1px) translateY(-35%);
	padding: 10px;
}
.hovereffect .overlay .caption h4 {
	font-size: 28px;
	line-height: 24px;
}
#howtu.hovereffect .overlay .caption,  #salomon-xa.hovereffect .overlay .caption,  #fasthosts.hovereffect .overlay .caption,  #gore-tex_jackets.hovereffect .overlay .caption {
	top: 62%;
	transform: perspective(1px) translateY(-62%);
}
.desktop-hide {
	display: none !important;
}
#contact .pad-left {
	padding-left: 15px;
}
section#contact .form-group {
	margin-bottom: 15px;
}
section#contact .form-group textarea.form-control {
	height: 290px;
}
section#about .pad-left {
	padding-left: 0;
}
#about .skill-box {
	margin-bottom: 15px;
}
#about .section-subheading {
	margin-bottom: 20px;
	text-align: center;
}
.ss-style-doublediagonal::before,  .ss-style-doublediagonal::after {
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	background: inherit;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.portfolio-modal .modal-content h2 {
	margin: 0;
	font-size: 3em;
}
.portfolio-modal .modal-content {
	padding: 80px 0 100px 0;
}
}

@media screen and (min-width: 991px) {
section#portfolio,  section#about,  section#contact {
	padding-top: 80px;
}
.hovereffect .overlay .caption {
	top: 50%;
	transform: perspective(1px) translateY(-50%);
	padding: 15px;
}
.hovereffect .overlay .caption h4 {
	font-size: 36px;
	line-height: 32px;
}
#howtu.hovereffect .overlay .caption,  #salomon-xa.hovereffect .overlay .caption,  #fasthosts.hovereffect .overlay .caption,  #gore-tex_jackets.hovereffect .overlay .caption {
	top: 62%;
	transform: perspective(1px) translateY(-62%);
}
#portfolio .portfolio-item.large {
	background-color: #003EFF;
	height: 427px;
}
#portfolio .portfolio-item.medium {
	background-color: #346C3F;
	height: 206px;
}
#portfolio .portfolio-item.small {
	background-color: #346C3F;
	height: 206px;
}
#contact .pad-left {
	padding-left: 0;
}
section#contact .form-group {
	margin-bottom: 15px;
}
section#contact .form-group textarea.form-control {
	height: 251px;
}
#about .section-subheading {
	margin-bottom: 60px;
}
}

@media screen and (min-width: 1200px) {
section#portfolio,  section#about,  section#contact {
	padding-top: 100px;
}
.hovereffect .overlay .caption {
	top: 55%;
	transform: perspective(1px) translateY(-50%);
	padding: 25px;
}
#howtu.hovereffect .overlay .caption,  #salomon-xa.hovereffect .overlay .caption,  #fasthosts.hovereffect .overlay .caption,  #gore-tex_jackets.hovereffect .overlay .caption {
	top: 62%;
	transform: perspective(1px) translateY(-62%);
}
.small.hovereffect .overlay .caption {
	top: 47%;
	transform: perspective(1px) translateY(-50%);
	padding: 25px;
}
#portfolio .portfolio-item.large {
	background-color: #003EFF;
	height: 515px;
}
#portfolio .portfolio-item.medium {
	background-color: #346C3F;
	height: 250px;
}
#portfolio .portfolio-item.small {
	background-color: #346C3F;
	height: 250px;
}
}