html, body {
  overflow-x: hidden; }

@media only screen and (max-width: 962px) {
  h1 {
    font-size: 24px; } }

@media only screen and (max-width: 962px) {
  h2 {
    font-size: 22px; } }

@media only screen and (max-width: 962px) {
  h3 {
    font-size: 20px; } }

@media only screen and (max-width: 962px) {
  h4 {
    font-size: 18px; } }

@media only screen and (max-width: 962px) {
  h5 {
    font-size: 16px; } }

@media only screen and (max-width: 962px) {
  p, li {
    font-size: 14px; } }
    
h1, h2, h3, h4, h5, h6 {
  font-family: "Fjalla One", sans-serif; }
    
p, button, input, textarea {
  font-family: 'Montserrat', sans-serif; }

.btn {
  cursor: pointer; }
  @media only screen and (max-width: 962px) {
    .btn {
      font-size: 16px; } }

.nopadding {
  padding: 0; }
  @media only screen and (max-width: 962px) {
    .nopadding {
      padding: auto; } }

.bg-inverse {
  background-color: #000 !important; }
  
.font-fjalla {
  font-family: "Fjalla One", sans-serif; }
  
.jumbotron {
  text-shadow: 2px 2px 3px #000; }

nav {
  background-color: #fff; }
  @media only screen and (max-width: 962px) {
    nav {
      padding: .5rem 1rem !important; } }
  .navbar-inverse .navbar-nav .nav-link {
    color: #fff;
    font-weight: bold; }
  nav .nav-link {
  
    margin: auto 0px auto 12px; }
    @media only screen and (max-width: 962px) {
      nav .nav-link {
        margin: 0; } }
  nav a.nav-link {
    font-family: 'Montserrat', sans-serif; }
  nav .navbar-brand {
    font-family: "Fjalla One", sans-serif;
    font-size: 22px; }
  nav .navbar-toggler {
    cursor: pointer; }
  @media only screen and (max-width: 962px) {
    nav .container {
      min-width: 100%; } }
  @media only screen and (max-width: 962px) {
    nav #header-btn {
      display: none; } }

body {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(images/bg2.jpg);
  background-attachment: fixed;
  background-size: cover; }
  @media only screen and (max-width: 962px) {
    body {
      background: none; } }

@media only screen and (max-width: 962px) {
  #home {
    background-image: linear-gradient(transparent, transparent), url(images/bg2.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 50px; } }
#home .jumbotron {
  background-color: transparent;
  padding: 400px 0 300px 0; }
  @media only screen and (max-width: 1875px) {
    #home .jumbotron {
      padding: 200px 0 100px 0;
      margin: 0; } }
  @media only screen and (max-width: 962px) {
    #home .jumbotron {
      padding: 50px 0;
      margin: 0; } }
  @media only screen and (max-width: 962px) {
      .display-3 {
        font-size: 36px;
      } }
  @media only screen and (max-width: 962px) and (max-width: 962px) {
    #home .jumbotron h2 strong {
      font-size: 22px; } }

#about {
  background-color: #fff; }
  #about p {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3; }
    @media only screen and (max-width: 962px) {
      #about p {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1; } }
  #about #clients .logo-mb {
    margin-bottom: 3rem; }
  #about #clients .item {
    display: none; }

@media only screen and (max-width: 962px) {
  #cta {
    background: #292B2C; } }

#work, #services {
  background-color: #fff; }

#services ul {
  padding-left: 20px; }

#contact {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/contact-bg.jpg);
  background-size: cover;
  background-position: center; }
  #contact h4, #contact h5 {
    font-weight: 400; }
  #contact iframe {
    margin: 0; }

#map {
  height: 400px; }

/*# sourceMappingURL=main.css.map */