@media (min-width: 1200px) {
  .navbar .container {
    width: 1170px;
  }
}

@media (max-width: 979px) {
  body {
    padding:0;
  }
  
    .navbar .brand {
        background-position:10px 8px;
        padding-left:37px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
  .navbar .container {
    width: 724px;
  }
}

@media (max-width: 767px) {
  .container {
    padding-left:20px;
    padding-right:20px;
  }
  
  .navbar .container {
    padding-left:0;
    padding-right:0;
  }
  
  .navbar .container {
    width: auto;
  }
}

@media (max-width: 480px) 
{
    .hero-unit {
        padding:30px;
    }
    
    .hero-unit h1 {
        font-size:35px;
    }
}