@media only screen and (min-width: 1201px) {
    .heading {
      text-align: left;
      font-size: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .heading {
      text-align: left;
      font-size: 36px;
    }
}
  
  
@media only screen and (max-width: 991px) {
    .heading {
      text-align: center;
      font-size: 32px;
    }
    .navbar-default .navbar-nav>li>a {
      padding-left: 12px;
      padding-right: 12px;
    }
}

/** Second nav breakpoint ***/

@media only screen and (max-width: 767px) {
    .navbar-brand {
        padding: 15px 15px !important;
      }
}

@media only screen and (max-width: 320px) {
    .heading {
        font-size: 26px;
    }
}