/* STYLE BLUE */

html{
    font-size:100%; /* 1 */
    overflow-y:scroll; /* 2 */
    -webkit-text-size-adjust:100%; /* 3 */
    -ms-text-size-adjust:100%; /* 3 */
}

body {/*font-family: 'Nobile', sans-serif;*/background:#FAFAFA;}

.main {margin:0;padding:0;background:#e8e8e8;}
.btm {padding:20px 0;margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.btm {background:#282828;color:#666666;}
.btm a {font-size:12px;text-transform:uppercase;margin:0 10px 0 0;padding:0 10px 0 0;color:#666666;border-right:1px solid #666666;}
.btm a:hover {color:#888888;text-decoration:none;}
.btm a.last {border-right:none;}
.btm p {font-size:12px;text-transform:uppercase;margin:0;}
.rightcol-top {height:30px;margin:0;padding:0;}
.callus {padding:8px 15px 0px 0;clear: right;font-size:12px;font-weight: 700;color: #EEE;}
.callus-blue {color:#999900;}
div.about {padding:30px 0 0 0;margin:0 0 20px 0;}

div.clients {padding:0;margin:0 0 20px 0;}
div.service {margin:0 0 20px 0;}
.home-testimonial {margin:0 0 20px 0;}

h1, h2, h3, h4 {font-family:Arial, sans-serif;color:#990;}

hr {border-top:1px solid #DDDDDD;}

div.intro h1 {font-family:Arial, sans-serif;text-shadow: 0px -1px 0px black;}
div.introtext span {font-family:Arial, sans-serif;}
div.intro-subtext span.line1, div.intro-subtext span.line2, div.intro-subtext span.line3 {font-family:Arial, sans-serif;text-shadow: 0px -1px 0px black;opacity:.9;}

div.main h2 {font-weight:700;margin:0;padding:0 0 10px 0;text-shadow: 0px -1px 0px #777777;text-transform:uppercase;font-size:18px;line-height:100%;}
div.main h2 > i {margin: 0 0.2em 0 0;color:#990;text-shadow: 0 -1px 0px #555;font-size:20px;line-height:1;}

h2.home-about {}
h2.home-service {}
h2.home-clients {}



@media (max-width: 480px) {
p.intro-text {margin:0 0 15px 0;font-size:1.25em;line-height:135%;letter-spacing:.0525em;color:#444444;}
}

@media (min-width: 481px) {
p.intro-text {margin:0 0 15px 0;font-size:1.35em;line-height:135%;letter-spacing:.0525em;color:#444444;}
}

a, a:hover {color:#999900;cursor: pointer;}
a.accordion-toggle.btn {color:#999900;text-align:left !important;font-weight:700;text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);line-height: 100%;padding: 10px 5px 8px 15px;}
div.accordion-group {border:0;}
div.accordion-inner {margin:0px 0 0 0;padding:5px 15px;
border: 1px solid #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

ul {list-style:none;margin:0;padding:0;}

.accordion-inner li {border-bottom:1px solid #DDDDDD;padding:4px 0;}
.accordion-inner li.last {border:none;padding:4px 0 0 0;}

div.main ul.nav {margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

.nav-pills > .active > a, .nav-pills > .active > a:hover {background:#999900;color:white;}
.tab-pane {background:#f6f6f6;line-height:150%;padding:10px;margin:1px 0 0 0;border: 1px solid #E5E5E5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

.navbar .btn-navbar {padding:9px 10px 8px 10px;}
a.btn.btn-navbar {color: #EEE;
text-shadow: 0 1px 0px rgba(0, 0, 0, 0.75);
cursor: pointer;
font-size: 11px;
line-height: 15px;
margin:1px 10px 0 0;}


.home-talkbox {background:#999900;color: white;padding:15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:0px solid #FFFFFF;
text-shadow: 0px -1px 0px #555555;}
p.talkbox {font-family:Georgia, serif;font-size:16px;font-style:italic;line-height:21px;}
.home-talkcarrot {padding-top:20px;margin:0 0 20px 0;background:transparent url(../img/service-carrot.png) 20px 0 no-repeat;}
a.readmore-talk {font-size:14px;font-weight:700;text-decoration:none;}
a.readmore-talk:hover {color:#999999;}
a.readmore-talk span {font-weight:normal;}
p.talkbox-sig {padding:10px 0 0 10px;font-family:Georgia, serif;font-size:13px;font-weight:bold;line-height:18px;}

/* CONTAINER OVERLAP WITH SHADOW */

@media (min-width: 979px) {
div.inner {margin:-150px -30px 0 -30px;padding:0;background:#FFFFFF;box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);}
div.inner-padding {padding:0 30px 20px 30px;}
}

/* CONTAINER OVERLAP WITH SHADOW */

/* BTM NAV UV */
.btm ul.nav {margin:0 0 20px 0 !important;color:#fff;text-decoration:none;}
.btm ul.nav a {
background:#222;padding: 6px 15px;
color:#999999;
font-size:13px;
font-weight:bold;
text-align:center;
margin:0 0 2px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-color: #222;}

.btm ul.nav a:hover {background:#111111;color:#FFFFFF;}



/* END BTM NAV UV */


/* HEADER NAV UV */

@media (max-width:979px) {
.font-embedded > i {display:none;}
.font-embedded > span {display:none;}
}

.font-embedded {
font-family: 'glyphs';}
.font-embedded {display: block;
font-size: 20px;
text-align: center;
padding:0 0 3px 0;
text-shadow: 0 -1px 0 black;}



.navbar-inner {border-bottom:3px solid #999900;}

@media (min-width: 980px) {
.nav.pull-right {
margin: 12px 10px 0 10px;
clear: right;
background: #111;
border-top: 1px solid black;
border-right: 0px solid black;
border-bottom: 0px solid black;
border-left: 0px solid black;
background: -moz-linear-gradient(top, #383838, #222);
background: -ms-linear-gradient(top, #383838, #222);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#383838), to(#222));
background: -webkit-linear-gradient(top, #383838, #222);
background: -o-linear-gradient(top, #383838, #222);
background: linear-gradient(top, #383838, #222);
background-repeat: repeat-x;
-webkit-border-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#383838', endColorstr='#222', GradientType=0);
}

.navbar .nav > li > a {
padding:10px 15px 5px 16px;
border-right:1px solid #111;
text-transform: uppercase;
font-size: 12px;
letter-spacing:1px;
text-shadow: 0px -1px 0px black;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover, {
-webkit-transition: background-color 0.2s linear;
     -moz-transition: background-color 0.2s linear;
      -ms-transition: background-color 0.2s linear;
       -o-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.0);
}

.navbar .nav > li > a:hover {
-webkit-transition: background-color 0.2s linear;
     -moz-transition: background-color 0.2s linear;
      -ms-transition: background-color 0.2s linear;
       -o-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.0);
}

a.nav-first {
border-left:0px solid #000 !important;
-webkit-border-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

a.nav-last {border-right:0px solid #000 !important;
-webkit-border-radius: 5px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.navbar .nav .active > a.first, .navbar .nav .active > a.first:hover, .navbar .nav > li > a.first:hover {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.navbar .nav .active > a.last, .navbar .nav .active > a.last:hover, .navbar .nav > li > a.last:hover {
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}


.navbar .nav .active > a > span.ico-home {color:#FFFFFF;text-shadow:0 -1px 0 #000000;}
.navbar .nav > li > a:hover {background: #282828;}
.navbar .nav .active > a {background: #999900;}
.navbar .nav .active > a:hover {background: #999900;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);}

}


/* ICONS 
.navbar .nav > li > a.home {
background: url(../img/home-ico.png) 50% 10px no-repeat;}
.navbar .nav > li > a.home:hover {
background: #282828 url(../img/home-ico-on.png) 50% 10px no-repeat;}
.navbar .nav .active > a.home {
background: #999900 url(../img/home-ico-on.png) 50% 10px no-repeat}
.navbar .nav .active > a.home:hover {
background: #999900 url(../img/home-ico-on.png) 50% 10px no-repeat;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);}

.navbar .nav > li > a.service {
background: url(../img/service-ico.png) 50% 11px no-repeat;}
.navbar .nav > li > a.service:hover {
background: #282828 url(../img/service-ico.png) 50% 11px no-repeat;}
.navbar .nav .active > a.service {
background: #999900 url(../img/service-ico-on.png) 50% 10px no-repeat;}
.navbar .nav .active > a.service:hover {
background: #999900 url(../img/service-ico-on.png) 50% 10px no-repeat;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);}

.navbar .nav > li > a.projects {
background: url(../img/projects-ico.png) 50% 10px no-repeat;}
.navbar .nav > li > a.projects:hover {
background: #282828 url(../img/projects-ico.png) 50% 10px no-repeat;}
.navbar .nav .active > a.projects {
background: #999900 url(../img/projects-ico-on.png) 50% 10px no-repeat;}
.navbar .nav .active > a.projects:hover {
background: #999900 url(../img/projects-ico-on.png) 50% 10px no-repeat;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);}

.navbar .nav > li > a.talk {
background: url(../img/talk-ico.png) 50% 10px no-repeat;}
.navbar .nav > li > a.talk:hover {
background: #282828 url(../img/talk-ico.png) 50% 10px no-repeat;}
.navbar .nav .active > a.talk {
background: #999900 url(../img/talk-ico-on.png) 50% 10px no-repeat;}
.navbar .nav .active > a.talk:hover {
background: #999900 url(../img/talk-ico-on.png) 50% 10px no-repeat;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);}

.navbar .nav > li > a.contact {
background: url(../img/contact-ico.png) 50% 11px no-repeat;}
.navbar .nav > li > a.contact:hover {
background: #282828 url(../img/contact-ico-on.png) 50% 11px no-repeat}
.navbar .nav .active > a.contact {
background: #999900 url(../img/contact-ico-on.png) 50% 11px no-repeat;}
.navbar .nav .active > a.contact:hover {
background: #999900 url(../img/contact-ico-on.png) 50% 11px no-repeat;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.0);}

*/
          
/* END ICONS */

/* END NAV */

/* Showcase */

@media (min-width: 980px) {
a.brand {background: transparent url(../img/brand.png) 0 0 no-repeat;text-indent:-9000px;margin:10px 0 10px 0px !important;width:300px;height:75px;padding:0 !important;}
.showcase {background:#999900 url(../img/feature-service.jpg) top center no-repeat fixed;height:65vh;0;margin:98px 0 0 0;width:100%;border-bottom:3px solid #999900;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.intro {margin:5% 0 0 0;vertical-align:baseline;zoom:1;}
h1.bighead1 {color: white;font-size: 80px;line-height:80px;margin-bottom:9px;}
h1.bighead2 {color: white;font-size: 80px;line-height:80px;margin-bottom:12px;}
.highlight-blue {background:#999900;padding:0px 20px 0px 20px;opacity:.8;}
.highlight-blue.last-line {background:#999900;padding:0px 254px 4px 20px;margin:0;opacity:.8;letter-spacing:-1px;}
.last-line {margin:0 0 12px 0;}
.intro-subtext {margin:0 0 6px 0;font-size:18px;line-height:20px;color:#BBBBBB;vertical-align:baseline;}
.line1 {background:#111111;padding:4px 25px 3px 25px;}
.line2 {background:#111111;padding:4px 81px 3px 25px;}
.line3 {background:#111111;padding:4px 386px 4px 25px;}
}

@media (min-width: 768px) and (max-width: 979px) {
div.nav-collapse.collapse {text-align:center;}
div.nav-collapse.collapse a {background:#222222;}
div.nav-collapse.collapse a.active, div.nav-collapse.in.collapse a.active:hover, div.nav-collapse.in.collapse a:hover {background:#181818;}
a.brand {background: transparent url(../img/vector-bulwarks.png) 0 0 no-repeat;text-indent:-9000px;margin:10px 0 10px 20px !important;width:207px;height:19px;padding:0 !important;}
.showcase {background:#999900 url(../img/feature-home.jpg) 50% 0 no-repeat;margin:0;width:100%;}
.intro {margin:60px 0 60px 0;}
.introtext {display:none;}
h1.bighead1 {color: white;font-size: 5.15em;line-height: 100%;margin-bottom:8px;letter-spacing:-1px;}
h1.bighead2 {color: white;font-size: 5.15em;line-height: 100%;margin-bottom:12px;letter-spacing:-1px;}
.highlight-blue {background:#999900;padding:0px 20px 0px 20px;opacity:.8;}
.highlight-blue.last-line {background:#999900;padding:0px 203px 0px 20px;margin:0;opacity:.8;}
.last-line {margin:0 0 12px 0;}
.intro-subtext {margin:0 0 4px 0;font-size:1.15em;color:#BBBBBB;}
.line1 {background:#111111;opacity:.8;padding:8px 24px 0px 23px;}
.line2 {background:#111111;opacity:.8;padding:5px 73px 0px 23px;}
.line3 {background:#111111;opacity:.8;padding:5px 321px 8px 23px}
}

/* @media (min-width: 481px) and (max-width: 767px) {
a.brand {background: transparent url(../img/vector-bulwarks.png) 0 0 no-repeat;text-indent:-9000px;margin:10px 0 10px 20px !important;width:207px;height:19px;padding:0 !important;}
body {padding:0;}
.navbar-fixed-top, .navbar-fixed-bottom {margin:0;}
.container {padding:0 20px;}
.showcase {background:#999900 url(../img/ft-home-bg.jpg) 50% 0 no-repeat;width:100%;}
.intro {margin:50px 0 40px 0;}
.introtext {background:#222222;opacity:.8;padding:8px 20px 8px 20px;color:#DDDDDD;font-size:1.25em;font-weight:normal;line-height:135%;}
h1.bighead1 {color: white;font-size: 4.15em;line-height: 115%;margin-bottom:0px;letter-spacing:-1px;}
h1.bighead2 {color: white;font-size: 4.15em;line-height: 100%;margin-bottom:0px;letter-spacing:-1px;}
.highlight-blue {background:#999900;display:block;padding:0px 20px 0px 20px;opacity:.8;}
.highlight-blue.last-line {background:#999900;display:block;padding:0px 20px 6px 20px;margin:0;opacity:.8;}
.last-line {margin:0 0 12px 0;}
} */


@media (min-width: 481px) and (max-width: 767px) {
div.nav-collapse.collapse {text-align:center;}
div.nav-collapse.collapse a {background:#222222;}
div.nav-collapse.collapse a.active, div.nav-collapse.in.collapse a.active:hover, div.nav-collapse.in.collapse a:hover {background:#181818;}
a.brand {background: transparent url(../img/vector-bulwarks.png) 0 0 no-repeat;text-indent:-9000px;margin:10px 0 10px 20px !important;width:207px;height:19px;padding:0 !important;}
body {padding:0;}
.navbar-fixed-top, .navbar-fixed-bottom {margin:0;}
.container {padding:0 20px;}
.showcase {background:#999900 url(../img/feature-home-sm.jpg) 50% 0 no-repeat;0;width:100%;}
.intro {margin:40px 0 20px 0;}
.introtext {background:#222222;opacity:.8;padding:8px 20px 8px 20px;color:#DDDDDD;font-size:1.25em;font-weight:normal;line-height:135%;}
h1.bighead1 {color: white;font-size: 3.15em;line-height: 115%;margin-bottom:0px;letter-spacing:-1px;}
h1.bighead2 {color: white;font-size: 3.15em;line-height: 100%;margin-bottom:0px;letter-spacing:-1px;}
.highlight-blue {background:#999900;padding:0 20px;display:block;opacity:.8;letter-spacing:-2px;}
.highlight-blue.last-line {background:#999900;padding:0 20px 5px 20px;display:block;margin:0;opacity:.8;}
.last-line {margin:0 0 12px 0;}
}

@media (max-width: 480px) {
div.nav-collapse.collapse {text-align:center;}
div.nav-collapse.collapse a {background:#222222;}
div.nav-collapse.collapse a.active, div.nav-collapse.in.collapse a.active:hover, div.nav-collapse.in.collapse a:hover {background:#181818;}
a.brand {background: transparent url(../img/vector-bulwarks.png) 0 0 no-repeat;text-indent:-9000px;margin:10px 0 10px 20px !important;width:207px;height:19px;padding:0 !important;}
body {padding:0;}
.navbar-fixed-top, .navbar-fixed-bottom {margin:0;}
.container {padding:0 20px;}
.showcase {background:#999900 url(../img/feature-home-sm.jpg) 50% 0 no-repeat;0;width:100%;}
.intro {margin:40px 0 20px 0;}
.introtext {background:#222222;opacity:.8;padding:8px 20px 8px 20px;color:#DDDDDD;font-size:1.25em;font-weight:normal;line-height:135%;}
h1.bighead1 {color: white;font-size: 3.15em;line-height: 115%;margin-bottom:0px;letter-spacing:-1px;}
h1.bighead2 {color: white;font-size: 3.15em;line-height: 100%;margin-bottom:0px;letter-spacing:-1px;}
.highlight-blue {background:#999900;padding:0 20px;display:block;opacity:.8;letter-spacing:-2px;}
.highlight-blue.last-line {background:#999900;padding:0 20px 5px 20px;display:block;margin:0;opacity:.8;}
.last-line {margin:0 0 12px 0;}
}

@media (min-width: 768px) {
#feature.home p {color:#DDDDDD;background:#000000;opacity:.8;letter-spacing:1px;font-size:1.5em;line-height:normal;padding:20px;}
#feature.home {background:#999900 url(../img/home-kitchen.jpg) 50% 0 no-repeat;border-top:3px solid #999900;height:600px;}
#feature.service {background:#999900 url(../assets/img/ft-serv-bg.jpg) 50% 0 no-repeat;}
#feature.project {background:#999900 url(../assets/img/ft-proj-bg.jpg) 50% 0 no-repeat;}
#feature.testimonial {background:#999900 url(../assets/img/ft-test-bg.jpg) 50% 0 no-repeat;}
#feature.contact {background:#999900 url(../assets/img/ft-cont-bg.jpg) 50% 0 no-repeat;}
}

@media (max-width: 767px) {
h1.bighead-blue {color:#FFFFFF;background:#999900;opacity:.7;font-size:3em;line-height:100%;padding:20px;margin:50px 0 0 0;}
#feature.home p {color:#DDDDDD;background:#000000;opacity:.8;letter-spacing:1px;font-size:1.15em;line-height:135%;padding:20px;}#feature.home {background:#999900 url(../assets/img/ft-home-bg.jpg) 50% 0 no-repeat;}
#feature.service {background:#999900 url(../assets/img/ft-serv-med.jpg) 50% 0 no-repeat;}
#feature.project {background:#999900 url(../assets/img/ft-proj-med.jpg) 50% 0 no-repeat;}
#feature.testimonial {background:#999900 url(../assets/img/ft-test-med.jpg) 50% 0 no-repeat;}
#feature.contact {background:#999900 url(../assets/img/ft-cont-med.jpg) 50% 0 no-repeat;}
}

@media (max-width: 480px) {
#feature .home {background:#999900 url(../assets/img/ft-home-sm.jpg) 50% 0 no-repeat;}
#feature .service {background:#999900 url(../assets/img/ft-serv-sm.jpg) 50% 0 no-repeat;}
#feature .project {background:#999900 url(../assets/img/ft-proj-sm.jpg) 50% 0 no-repeat;}
#feature .testimonial {background:#999900 url(../assets/img/ft-test-sm.jpg) 50% 0 no-repeat;}
#feature .contact {background:#999900 url(../assets/img/ft-cont-sm.jpg) 50% 0 no-repeat;}
}