/* GLOBAL STYLES
-------------------------------------------------- */
html {
  position: absolute;
}

body {
  padding-top: 8rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}

.featurette-wrap {
  height: 100vh;
}

.inner-info-container {
  color: #ffffff;
}

.nav-contact {
  color:#ffffff;
  text-decoration: none;
}

.nav-contact:hover {
  color: #666666;
}


/* Featurettes
------------------------- */

.feature {
  padding-right: 10%;
}

.featurette-divider {
  margin: 5rem 0;
}

.featurette-heading {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

.second-heading {
  font-size: 2rem;
}


/* Modal CSS
-------------------------------------------------- */

body.modal-open .featurette-wrap {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}


/* RESPONSIVE CSS
-------------------------------------------------- */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  html {
    position: relative;
  }

  body {
    padding-top: 3rem;
  }
}