@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700);



!
 * Start Bootstrap.
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
	

body{
  padding-top: 50px;
  font-family: "Roboto Slab", sans-serif;
  font-weight: 300;
  font-size: 2em;
  position: relative;
  background-color: #f00;

}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto slab", sans-serif;
  font-weight: 100;
  margin: 0;
}

section h2.section-heading {
    color:#fff;
}

section#services h2.section-heading{
  color:#222;
}

/* new gwd insert */
 section#gwd h2.section-heading{
   color:#222;
}
/* new gwd insert ends */

img {
	max-width: 200px;
}
.navbar {
  border-radius: 0;
  border: 0;
}

footer .navbar-default {
  background: transparent;
}

.page {
  padding: 0px 0;
}

.page h2 {
  text-align: center;
  margin-bottom: 30px;
}

/*   ---------------------- Carousel --------------------   */
#featured .item{ 
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	height:100%;
	width:100%;
}
.jumbotron{
background:transparent;
}
.jumbotron h1{
color:white;
font-family:Oswald;
}
.jumbotron div.container{
position: absolute;
top: 35%;
width:100%;
}
.carousel-caption h1{
}
.carousel-caption p span{
font-size: 50px;
color:white;
text-shadow: none;
}

.btn {
  text-transform:uppercase; 
  font-family:roboto slab; 
  letter-spacing:1px;
}



.btn-web{
  border: 2px solid #efcf33;
   background-color: #f6b839;
 }

 .btn-print{
   border: 2px solid #f36f4d;
   background-color: #f25839;
 }

 .btn-web,
 .btn-print
{
    color:#fff;
    font-weight: 700;
}

.btn-web:visited,
 .btn-print:visited
{
    color:#fff;
}

.btn-web:hover,
 .btn-print:hover
{
    color:#fff;
}

.btn-print:hover{
background:#f36f4d;
}

.btn-web:hover{
background:#f6de44;
}

/*   ---------------------- Navbar --------------------   */


a.navbar-brand{
font-size: 25px;
}
.navbar-inverse{
background: transparent;
}

.navbar-inverse .navbar-nav li a {
color:white;
font-family: "Roboto Slab";
font-size: 16px;
text-transform: uppercase;
}


.navbar-inverse .navbar-nav li a:hover {
color:#ffffff;
background: #31374f;
}



@media screen and (max-width: 768px){ /* fixes injection "in" problem when collapsed menu is resized */
  #navbar.navbar-collapse.collapse.in{
    background: rgba(0,0,0,0.5);
  }
}


.navbar-inverse .navbar-toggle{
  background: #080808;
}
.navbar-inverse .navbar-toggle:hover{
  background: #31374f;
}



/*   ---------------------- logo --------------------   */
@media screen and (max-width: 320px){


#featured .item{ 
  background-repeat:no-repeat;
  background-position: center center;
  background-size:cover;
  height:100%;
  width:100%;
}

}

@media screen and (min-width: 768px){
	a.navbar-brand{
    font-size: 50px;
    line-height: 50px;
}

}

/*   ---------------------- Portfolio --------------------   */
section#portfolio{
  background-color:#222;
}
section#print{
background: #222;
}

section#portfolio h2 span{
color: white;
}

h2.print {
  color:white;
 }

section#portfolio div.container div.row.more div.col-md-4.col-sm-6.portfolio-item div.portfolio-caption,
section#print div.container div.row.more div.col-md-4.col-sm-6.portfolio-item div.portfolio-caption{
background:transparent;
}

div.portfolio-caption h4{
  color:white;
  font-weight: normal;
}

/* ------ PRINT ROUNDEL ------- */ 
@media screen and (max-width: 480px){
section#print{
background-image: url(../images/targetroundel.png);
background-attachment: scroll;
background-position: center 22px;
background-repeat: no-repeat;
/*background-size: contain;*/
background-size:75px;
}
}
@media screen and (min-width: 481px) and (max-width: 767px){
section#print{
  background-image: url(../images/targetroundel.png);
  background-attachment: scroll;
background-position: center 16px;
background-repeat: no-repeat;
background-size:80px;
}
}
@media screen and (min-width: 768px) and (max-width: 959px){
section#print{
  background-image: url(../images/targetroundel.png);
  background-attachment: scroll;
background-position: center 62px;
background-repeat: no-repeat;
background-size:80px;
}
}
@media screen and (min-width: 960px) and (max-width: 1280px){
section#print{
  background-image: url(../images/targetroundel.png);
  background-attachment: scroll;
background-position: center 60px;
background-repeat: no-repeat;
background-size:80px;
}
}



/* ------ PORTFOLIO ROUNDEL bulb------- */ 
@media screen and (max-width: 480px){
section#portfolio{
background-image: url(../images/bulbroundel.png);
background-attachment: scroll;
background-position: center 22px;
background-repeat: no-repeat;
/*background-size: contain;*/
background-size:75px;
}
}
@media screen and (min-width: 481px) and (max-width: 767px){
section#portfolio{
  background-image: url(../images/bulbroundel.png);
  background-attachment: scroll;
background-position: center 16px;
background-repeat: no-repeat;
background-size:80px;
}
}
@media screen and (min-width: 768px) and (max-width: 959px){
section#portfolio{
  background-image: url(../images/bulbroundel.png);
  background-attachment: scroll;
background-position: center 62px;
background-repeat: no-repeat;
background-size:80px;
}
}
@media screen and (min-width: 960px) and (max-width: 1280px){
section#portfolio{
  background-image: url(../images/bulbroundel.png);
  background-attachment: scroll;
background-position: center 60px;
background-repeat: no-repeat;
background-size:80px;
}
}

div.row.more.pager{
margin-bottom:0px;

}



/*   ---------------------- Nav Portfolio --------------------   */

#pagination-nav{
  clear:both;
  text-align: center;
}


/*   ---------------------- contact --------------------   */

 button.btn.btn-xl{
  background: #f6de44;
 }

button.btn.btn-xl:hover{
  background: #f6b839;
 }
/*   ---------------------- footer --------------------   */

footer{
 background-color: #a5dce1;
}


ul.list-inline.social-buttons.social-buttons li a:active {
    /*background-color: #fed136;*/
     /*background-color: #a5dce1;*/
}

ul.list-inline.social-buttons.social-buttons li a:hover {
     background-color: #31374f;
}

/*   ---------------------- Pagination --------------------   */

ul.pagination{
margin:0;
}

button.btn{
background: transparent;
color:#fff;
}

button.btn:hover{
background:  #31374f;
color:#fff;
}

button.btn.active{
background:  #a5dce1;
color:#222;
box-shadow:none;
}

/*   ---------------------- Web Modals Page --------------------   */

div.modal-body button.btn.btn-primary, div.modal-body button.btn.btn-primary.btn-sm{
background: #777;
border-color:#707373;
}
div.modal-body button.btn.btn-primary:hover,div.modal-body button.btn.btn-primary.btn-sm:hover{
  background: #31374f;
  border-color:#707373;
}


/* ------ GWD ROUNDEL bulb------- */ 
@media screen and (max-width: 480px){
    section#gwd{
        background-image: url(../images/bulbroundel.png);
        background-attachment: scroll;
        background-position: center 22px;
        background-repeat: no-repeat;
/*background-size: contain;*/
background-size:75px;
}
}
@media screen and (min-width: 481px) and (max-width: 767px){
    section#gwd{
      background-image: url(../images/bulbroundel.png);
      background-attachment: scroll;
      background-position: center 16px;
      background-repeat: no-repeat;
      background-size:80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 959px){
    section#gwd{
      background-image: url(../images/bulbroundel.png);
      background-attachment: scroll;
      background-position: center 62px;
      background-repeat: no-repeat;
      background-size:80px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1280px){
    section#gwd{
      background-image: url(../images/bulbroundel.png);
      background-attachment: scroll;
      background-position: center 60px;
      background-repeat: no-repeat;
      background-size:80px;
  }
}