body {
    padding-top: 110px;
  }

  @media(max-width:575px) {
    .responsivehero {
      height: 250px;
      background-size: cover !important;
      background-position: center !important;
    }

    .text-variable {
      color: #34739E;
    }

    #nmpcNavbar {
      background-color: #EEE7B4;
    }

    .featureimage {
      width: 100%;
      margin-bottom: 20px;
    }
  }

  @media(min-width:576px) {
    .responsivehero {
      height: 350px;
      background-size: cover !important;
      ;
    }

    .skew1 {
      background-color: #34739E;
      background-image: -webkit-linear-gradient(30deg, #34739E 50%, #dcdcdc 50%);
    }

    .skew2 {
      background-color: #74C674;
      background-image: -webkit-linear-gradient(150deg, #74C674 50%, #dcdcdc 50%);
    }

    .text-variable {
      color: #fff;
    }

    #nmpcNavbar {
      background-color: #34739E;
    }

    .featureimage {
      width: 33%;
      float: right;
      margin: 0px 20px;
    }
    .calcolresponsive {
      width:14.285%;
    }
  }

  .calcol {
    width:14.285%;
  }


  .maxscreen {
    min-height: 95vh;
    min-height: -webkit-calc(100vh - 45px);
    min-height: -moz-calc(100vh - 45px);
    min-height: calc(100vh - 45px);
  }

  .maxforfooter {
    min-height: 90vh;
    min-height: -webkit-calc(100vh - 154px);
    min-height: -moz-calc(100vh - 154px);
    min-height: calc(100vh - 154px);
  }