/*Modified by GravityBits (Athar Mahmood)
  Dated:31-May-2015   
    
    Remember: Bootstrap is mobile first
    Notes:
    Media Queries shall be placed in the end otherwise the later styles will be adopted by the bigger devices such as laptops
*/

/*The Main Logo & Menu Nav Bar*/
.navbar-default {
    background-color:black;
    border-color:black;
    /*padding: 12px 0;*/
    
}

/*padding on shrink state*/
.navbar-default.navbar-shrink
{
    padding:2px;
}
/*for logo adjustment - originally it was 50px height defined in original work*/
.navbar-brand {
    height:auto;
}

/* for Navigation menu text color*/
.navbar-default .nav li a{
    color:white;
    font-size:18px;
}

a.navbar-brand img{
    width:60%;
}

/*When Navbar srinks when scroll down the page - #333*/
.navbar-default.navbar-shrink
{
    background-color:white;
}

/*Nav bar brand logo style when shrink*/
.navbar-default.navbar-shrink .navbar-brand img
{
    width:50%;
}

/*for menu items*/
.navbar-right{
    margin-top:20px;
}

/*for body with background*/
.body-bg{
    background-image:url("../img/gravity-waves.png") !important;
    color:#333;
    

}
/*for background image on header */
.header{
    background-image:url("../img/gravity-waves.png") !important;
    color:#333;
    background-size:cover;
    -webkit-background-size:cover;
}
.gradient-horizontal {
    background-color: #A6B00F;
    background-image: linear-gradient(to right, #808000, #ffff00);
    background-repeat: repeat-x;
}

.gradient-what-we-do {
    background-color: #333;
    background-image: linear-gradient(to right, #808000, #ffff00);
    background-repeat: repeat-x;
}


header .intro-text .intro-heading
{
    font-size:25px;
    line-height:50px;
}

header .intro-text .intro-lead-in
    {
        font-size:18px;
        margin-bottom:0px;
    }

.navbar-brand 
{
    float:none; /*no floating in small devices to adjust the placement of navbar and brand bar properly otherwise issues*/
    padding:0;
}


header .intro-text
{
    padding-top:145px;
    padding-bottom:25px;
}

/*to set the carousal height to specific not dependent to image*/
.carousel-inner > .item
{
    height:105px;
}

/*.carousel-caption
{
    text-align:left;
    padding:0px;
    bottom:0px;
}
*/
.text-primary-2
{
    color:#fc6f53;
}
.carousel
{
    background-color:#333;
}

.service-heading
{
    margin:0;
    font-size:25px;
}


.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: white;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover
{
    background-color:#d8e32a;
    color:#555555;
}

/*for devices having size greater or equal to 768 because bootstrap is mobile first*/
@media (min-width: 768px) 
{ 
    .header
    {
        background-size:cover;
        -webkit-background-size:cover;
    }
    header .intro-text .intro-heading
    {
        font-size:65px;
        line-height:75px;
        margin-bottom:50px;

    }

    header .intro-text .intro-lead-in
    {
        font-size:35px;
        margin-bottom:25px;
            
    }

    header .intro-text
    {
        padding-top:280px;
        /*padding-bottom:170px;*/
    }
    .carousel-caption
    {
        text-align:left;
        padding:0px;
        bottom:0px;
    }

    .navbar-brand 
    {
        float:left; 
        padding:15px;
    }

    .carousel-inner > .item
    {
        height:150px;
    }

    .service-heading
    {
        margin:15px 0;
        font-size:30px;
        
    }

    a.navbar-brand img
    {
        width:70%;
    }
    header .intro-text .intro-heading {
    margin-bottom: 50px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 75px;
    font-weight: 700;
    line-height: 75px;
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}
}