html {
  position: relative;
  min-height: 100%;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    background: url(../Images/pg-background.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0 30px;
    margin-bottom: 70px;
    color:#fff;
}

a {
    color:#fff;
    }

a:hover {
    color:#ede7dc;
    text-decoration:none;
    }

@media (max-width:768px) {
    .navbar-collapse {
        background: #343332;
    }

    body {
        background: url(../Images/pg-background-sm.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .body-cont-bg {
        background: url(../Images/pg-background-blur-sm.png) no-repeat center center fixed;
    }
}


.navbar {
    background: none;
    border: none;
    padding-top: 8px;
}

h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    font-size: 28px !important;
    position: relative;
    top: -18px;
    left:-14px;
    color: #fff !important;
}

h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px !important;
}

.navbar-collapse ul li a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 18px;
    font-style: normal;
    color: #c0b9af;
    padding: 4px;
    margin: 10px 0 0 16px;
    background: transparent;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

    .navbar-collapse ul li a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 0;
        width: 100%;
        background: transparent;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }

    .navbar-collapse ul li a:hover:after {
        height: 1px;
        background: #6C6;
    }

.body-content {
}

.welcome-msg {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px !important;
    text-align: center;
    margin: 5% auto;
}

    .welcome-msg p {
        font-size: 16px;
        font-weight: 300;
        text-transform: none;
        color: #fff;
    }

.btn-learnmore {
    background: #16a616;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 6px 16px;
    border-radius: 20px;
    margin-top: 20px;
    opacity: 1;
    display: inline-block;
}

    .btn-learnmore:HOVER {
        background: #0d8d0d;
        -webkit-transition: all ease-in-out 0.5s;
        -moz-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        transition: all ease 0.5s;
        text-decoration: none;
        color: #fff;
    }

 .footer {
  position: absolute;
  bottom: 0;
  left:7%;
  right:7%;
  /* Set the fixed height of the footer here */
  padding-top:10px;
  height: 60px;
  opacity: 0.5;
  border-top: 1px solid #c0b9af;

}

.body-cont-bg {
    background: url(../Images/pg-background-blur.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 10px 30px 30px 30px;
}

#about-cont {
    margin-top: 2%;
}

#about-cont p {
    font-size:16px;
    font-weight: 300;
}



#portfolio-cont {
    margin-top: 2%;
}

#contact-cont {
    margin-top: 2%;
}


#portfolio-sample-list {
}

    #portfolio-sample-list > div {
        min-height: 200px;
        padding: 0;
        display: table-row;
    }

div.sample-desc {
    background: #f05f40;
    width: 100%;
    height: 200px;
    text-align: center;
    padding: 15px;
    vertical-align: middle;
    display: none;
    opacity: 0.9;
}

    div.sample-desc a {
        color: #fff;
    }

    div.sample-desc strong {
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 22px !important;
    }


.linkedin-link {
    color:#fff;
    font-size:1.2em;
    display:inline-block;
}

    .linkedin-link img {
        margin-right:4px;
    }

#portfolio-crc {
    background: url(../Images/portfolio-crc.png) top left no-repeat;
}

#portfolio-mindsteps {
    background: url(../Images/portfolio-mindsteps.png) top left no-repeat;
}

#portfolio-bctgroup {
    background: url(../Images/portfolio-bctgroup.png) top left no-repeat;
}

#portfolio-oaa911 {
    background: url(../Images/portfolio-oaa911.png) top left no-repeat;
}

#portfolio-avanti {
    background: url(../Images/portfolio-avanti.png) top left no-repeat;
}

#portfolio-opmg {
    background: url(../Images/portfolio-opmg.png) top left no-repeat;
}