.nav {
  float:right;
  padding-left:0;
  margin-bottom:0;
  list-style:none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  color:#afafaf;
  background-color:#22474d;
  /*opacity:0.8;*/
}

.opaque-navbar {
  background-color:#22474d;
  transition:background-color .5s ease 0s;
  /*opacity:0.8;*/
}

.opaque-navbar.opaque {
  background-color:#22474d;
  transition:background-color .5s ease 0s;
}

.navbar {
  position:fixed;
  margin-bottom:0px;
  border:none;
  box-shadow:none;
  -webkit-box-shadow:none;
}

.navbar-default {
  background:#22474d;
  /*opacity:0.8;*/
}

@media (max-width:480px) {
  .jumbotron {
    position:relative;
    height:400px!important;
    margin-top:-80px;
    padding-top:120px!important;
    padding-bottom:30px;
    margin-bottom:0px!important;
    color:inherit;
    background-image:url(hero.jpg);
    background-size:cover;
    z-index:-99;
    /*opacity:0.7;*/
  }
}

.jumbotron {
  height:620px;
  margin-top:-80px;
  padding-top:250px;
  padding-bottom:30px;
  margin-bottom:30px;
  color:inherit;
  background-image:url(hero.jpg);
  background-size:cover;
  /*opacity:0.2;*/
}

@media (max-width:480px) {
  h1.text-center {
    width:90%!important;
    margin:auto;
    color:white;
    font-family:"Titillium Web";
    font-size:24px!important;
    font-weight:700;
  }
}

h1.text-center {
  width:70%;
  margin:auto;
  color:white;
  font-family:"Titillium Web";
  font-size:48px;
  font-weight:700;
}

p.text-center.name {
  color:#616161;
  font-family:"Lora";
  font-size:18px;
  font-weight:400;
  padding-bottom:20px;
}

p.text-center.social {
  font-family:Lora;
  font-size:18px;
  font-weight:400;
  color:#616161;
  padding-top:50px;
}

a {
  color:#fafafa;
}

a:hover, a:active, a:focus {
  color:#c69c6d;
  text-decoration:none;
  -webkit-transition:color 0.4s;
  transition:color 0.4s;
}

.navbar-nav > li > a {
  line-height:0px;
  font-size:14px;
  font-family:'Monda';
  letter-spacing:1px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
  background-image:none!important;
  box-shadow:none!important;
}

.navbar-brand, .navbar-nav > li > a {
  text-shadow:none;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  background-color:transparent;
  color:#afafaf;
  -webkit-transition:color 0.4s;
  transition:color 0.4s;
}

.navbar-default .navbar-nav > li > a {
  color:#fafafa;
}

.navbar-brand {
  height:100px;
  padding:0px;
  padding-left:20px;
}

.navbar-brand > img {
  height:100%;
  padding:10px;
  width:auto;
  /*padding-left:30px;*/
}

.nav > li > a {
  margin-top:35px;
}

.navbar-inner {
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
}

body {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.42857143;
  color:#f9f8f8;
  background-color:#030303;
}

div.container.intro {
  position:relative;
  margin-top:-100px;
  background-color:#fff;
  height:520px;
  z-index:1;
}

@media (max-width:480px) {
  div.container.intro {
    margin-top:0px;
    background-color:#fff;
    height:520px;
  }
}

h3 {
  padding-top:25px;
  color:#ffffff;
  font-family:"Open Sans";
  font-size:24px;
  font-weight:400;
  text-transform:uppercase;
  padding-bottom:25px;
}

h3.text-center.intro {
  padding-top:45px;
  color:#212121;
  font-family:"Titillium Web";
  font-size:24px;
  font-weight:700;
  text-transform:uppercase;
}

p.text-center.subtitle {
  padding-top:10px;
  color:#424242;
  font-family:Lora;
  font-size:14px;
  font-weight:400;
}

div.row.icons {
  display:flex;
  padding-top:45px;
  align-content:center;
  justify-content:center;
}

img.img-responsive.services {
  margin:auto;
  padding-bottom:15px;
  /*padding-left:20px;*/
}

h4.text-center {
  color:#212121;
  font-family:"Titillium Web";
  font-size:18px;
  font-weight:700;
  line-height:16px;
  text-transform:uppercase;
}

hr {
  width:60px;
  height:2px;
  background-color:#c69c6d;
}

.navbar-nav > li > a {
  padding-top:0px;
  padding-bottom:0px;
  line-height:20px;
}

.btn-default {
  background-image:none;
  background-color:transparent;
  border:2px solid #c69c6d;
  border-radius:0px;
  padding:10px 25px;
}

div.col-md-6.about {
  padding-top:80px;
  padding-left:15%;
}

div.container-fluid.about {
  margin-top:-70px!important;
  z-index:2;
}

div.col-md-6.about2 {
  padding:0px;
}

p.text-left.about-btn {
  padding-left:0;
  margin-left:-15px;
}

button.navbar-toggle {
  border:none;
  top:15px;
}

button.navbar-toggle:hover {
  border:none;
  top:15px;
  background-color:transparent!important;
}

button.navbar-toggle:active {
  border:none;
  top:15px;
  background-color:transparent!important;
}

button.navbar-toggle:focus {
  border:none;
  top:25px;
  background-color:transparent!important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color:white;
}

.navbar-collapse.in {
  overflow:visible;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color:transparent;
}

