/* body { padding-top: 70px; } */

.navbar {
  margin-bottom:-50px;
  border:none;
  background:rgba(72,88,111, 0.7);
}

.navbar-brand .glyphicon {
  margin-right:6px;
}

.navbar-nav > li > a {
  font-size:1.2em;
  color: #dddddd;  
}

.navbar-nav > .active > div > a,
.navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus,
.navbar-nav > li > a:hover, 
.navbar-nav > li > a:focus,
.navbar-nav > li > div > a:hover,
.navbar-nav > li > div > a:focus {
  font-weight:bold;
  color: #ececec;  
  background:transparent;
  text-decoration:none;  
}

.navbar-nav > li > div > a {
  font-size: 1.2em;
  color: #dddddd;
  text-decoration: none;
  line-height: 20px;
  padding: 15px;
  display: block;
}

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
  color: #093150;
  background: rgba(255,255,255,0.7);
  min-width:160px;
}

.wrapper {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0+0,0+48,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(122,122,122,0) 48%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(122,122,122,0) 48%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(122,122,122,0) 48%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */  padding: 90px 0 220px 0;
}

.hero {
  background:url(../../assets/img/ocean.jpeg) no-repeat center;
  background-size:cover;
  border:none;
}

.hero.ocean {
  background:url(../../assets/img/ocean.jpg) no-repeat center;
  background-size:cover;
}

.hero.mountains {
    background:url(../../assets/img/mountains.jpg) no-repeat center;
  background-size:cover;
}

.hero.forest {
    background:url(../../assets/img/forest2.jpg) no-repeat center;
  background-size:cover;
}

.hero.river {
    background:url(../../assets/img/river.jpg) no-repeat center;
    background-size:cover;
}

.jumbotron {
  padding: 0;
  margin-bottom: 80px;  
}

.down-btn {
  display: flex;
  justify-content: center;
}

.btn.arrow-down {
  background:none;
  color: #093150;
  font-size: 1.3em;
  position: absolute;
  cursor: pointer;
  text-decoration:none;
}

iframe {
  margin: 20px 0;
}

.team .row {
  border-bottom: 2px solid #aaa;
  padding: 30px 0;
}

.team .photo p {
  text-align:right;
  font-size:0.9em;
  margin:0;
  padding:0;
}


.hero .get-it {
  text-align:center;  
}

@media (min-width:992px) {
  .hero .get-it {
    margin-top:80px;
    padding-right:30px;
  }
}

@media (max-width:992px) {
  .hero .phone-preview {
    text-align:center;
  }
}

.hero .get-it {
  margin-bottom:40px;
}

.hero .get-it h1, 
.hero .get-it p {
  color:#fff;
  text-shadow:2px 2px 3px rgba(0,0,0,0.4);
  float:none;
}

.hero .get-it h3 {
    color:#fff;
    font-size: 2.2em;
    text-shadow:2px 2px 3px rgba(0,0,0,0.4);
}

.hero .get-it p {
  margin: 0 auto;  
}

.hero .get-it .btn {
  margin-left:10px;
  margin-bottom:10px;
  text-shadow:none;
}

div.iphone-mockup {
  position:relative;
  max-width:250px;
  margin:20px;
  display:inline-block;
}

.iphone-mockup img.device {
  width:100%;
  height:auto;
}

.iphone-mockup .screen {
  position:absolute;
  width:88%;
  height:77%;
  top:12%;
  border-radius:2px;
  left:6%;
  border:1px solid #444;
  background-color:#aaa;
  overflow:hidden;
  background:url(../../assets/img/screen-content-iphone-6.jpg);
  background-size:cover;
  background-position:center;
}

.iphone-mockup .screen:before {
  content:'';
  background-color:#fff;
  position:absolute;
  width:70%;
  height:140%;
  top:-12%;
  right:-60%;
  transform:rotate(-19deg);
  opacity:0.2;
}

.icon-feature {
  text-align:center;
  height: 100px;
  min-width:190px;
}

.icon-feature .glyphicon {
  font-size:60px;
}

section.features {
  background-color:#48556F;
  padding:40px 0;
  color:#fff;
}

.features h2 {
  color:#fff;
}

.features .icon-features {
  margin-top:15px;
}

.testimonials blockquote {
  text-align:center;
}

section.testimonials {
  margin:50px 0;
}

.site-footer {
  padding:20px 0;
  text-align:center;
}

@media (min-width:768px) {
  .site-footer h5 {
    text-align:left;
  }
}

.site-footer h5 {
  color:inherit;
  font-size:20px;
}

.site-footer .social-icons a:hover {
  opacity:1;
}

.site-footer .social-icons a {
  display:inline-block;
  width:32px;
  border:none;
  font-size:20px;
  border-radius:50%;
  margin:4px;
  color:#fff;
  text-align:center;
  background-color:#798FA5;
  height:32px;
  opacity:0.8;
  line-height:32px;
}

@media (min-width:768px) {
  .site-footer .social-icons {
    text-align:right;
  }
}