.container.site-section {
  text-align: center;
  padding: 60px;
}

@media (min-width: 992px) {
  #welcome p {
    max-width: 800px;
    font-size: 20px;
    margin: auto;
  }
}

@media (min-width: 576px) {
  #welcome p {
    max-width: 800px;
    font-size: 20px;
    margin: auto;
  }
}

#welcome h1 {
}

#herocarousel {
  /*height: 500;*/
}

@media (min-width: 1200px) {
  #midbox {
    height: 429px;
  }
}

@media (min-width: 992px) {
  #midbox {
    height: 473px;
  }
}

@media (min-width: 1200px) {
  #midbox {
    max-height: 429px;
  }
}

@media (min-width: 1200px) {
  #box1 {
    max-height: 429px;
  }
}

#box1 {
}

@media (min-width: 300px) {
  #box1 {
    max-height: 430px;
  }
}

@media (min-width: 576px) {
  #box1 {
    min-height: 300px;
  }
}

@media (min-width: 768px) {
  #box1 {
    max-height: 488px;
  }
}

@media (min-width: 768px) {
  #box1 {
    min-height: 250px;
  }
}

@media (min-width: 992px) {
  #box1 {
    min-height: 300px;
  }
}

@media (min-width: 1200px) {
  #box1 {
    min-height: 300px;
  }
}

@media (min-width: 768px) {
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 48.3333333333%;
    max-width: 48.3333333333%;
  }
}

@media (min-width: 992px) {
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

#ordernowcta {
  margin-bottom: 30px;
  width: 200px;
}

#ordernowcta2 {
  margin-bottom: 30px;
  margin-top: 0px;
  width: 200px;
}