/*---Extendables---*/
#industries-section, #services-section {
  font-family: 'Poppins', sans-serif;
  padding: 1rem 0px 0px 0px;
  width: 100%;
}

#industries-section #section-inner #section-title, #services-section #section-inner #section-title {
  text-align: center;
  font-size: 1.6rem;
  margin: 0px 0px 1rem 0px;
}

#industries-section #section-inner #cards-container .industry-card, #services-section #section-inner #cards-container .service-card {
  width: 70vw;
  margin: 0px auto 2rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#industries-section #section-inner #cards-container .industry-card .card-body, #services-section #section-inner #cards-container .service-card .card-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-shadow: 0rem 0.5rem 1rem #b8a7b8;
          box-shadow: 0rem 0.5rem 1rem #b8a7b8;
}

#industries-section #section-inner #cards-container .industry-card .card-body .card-circle, #services-section #section-inner #cards-container .service-card .card-body .card-circle {
  position: absolute;
  border-radius: 50%;
  background-color: #1481c4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*---Overrides---*/
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 21.5px;
}

body {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 200% fit-content(1fr) fit-content(1fr) fit-content(50%);
      grid-template-rows: 200% fit-content(1fr) fit-content(1fr) fit-content(50%);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0px;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/*---Element styles---*/
#top-nav-off-canvas {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #1481c4;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

#top-nav-off-canvas #close-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#top-nav-off-canvas #close-button-container i {
  padding: 1rem 1rem 0px 0px;
  color: white;
}

#top-nav-off-canvas #nav-options-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto 0px auto 0px;
  overflow: hidden;
}

#top-nav-off-canvas #nav-options-container ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px;
}

#top-nav-off-canvas #nav-options-container ul li {
  font-size: 2.5rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: white;
  margin: 0px 0px 5rem 0px;
  text-align: center;
}

#top-nav-off-canvas #nav-options-container ul li a, #top-nav-off-canvas #nav-options-container ul li a:visited {
  text-decoration: none;
  color: white;
}

#form-section {
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#form-section #section-outer #nav-header {
  display: none;
}

#form-section #section-outer #section-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 9fr 10fr;
      grid-template-rows: 1fr 9fr 10fr;
}

#form-section #section-outer #section-inner #mobile-nav-header {
  -ms-grid-row: 1;
  grid-row: 1;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0px 0px 0px 0px;
}

#form-section #section-outer #section-inner #mobile-nav-header img {
  height: 3rem;
  width: auto;
  padding: 0px 0px 0px 1rem;
}

#form-section #section-outer #section-inner #mobile-nav-header span {
  margin-left: 0.5rem;
  line-height: 3rem;
  font-size: 1.5rem;
  font-family: 'Roboto', sans-serif;
}

#form-section #section-outer #section-inner #mobile-nav-header #top-nav-bar {
  display: none;
}

#form-section #section-outer #section-inner #mobile-nav-header i {
  padding: 0px 1rem 0px 0px;
  justify-self: flex-end;
  margin-left: auto;
  color: black;
}

#form-section #section-outer #section-inner #location-banner {
  display: none;
}

#form-section #section-outer #section-inner #form-section-blurb-panel {
  -ms-grid-row: 2;
  grid-row: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 6.5fr 3.5fr;
      grid-template-rows: 6.5fr 3.5fr;
  font-family: 'Poppins', sans-serif;
}

#form-section #section-outer #section-inner #form-section-blurb-panel #blurb-div-1 {
  -ms-grid-row: 1;
  grid-row: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 3fr 7fr;
      grid-template-rows: 3fr 7fr;
}

#form-section #section-outer #section-inner #form-section-blurb-panel #blurb-div-1 #subheader-div {
  -ms-grid-row: 1;
  grid-row: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
}

#form-section #section-outer #section-inner #form-section-blurb-panel #blurb-div-1 #subheader-div #subheader-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px;
  font-size: 1.3rem;
  text-transform: uppercase;
}

#form-section #section-outer #section-inner #form-section-blurb-panel #blurb-div-1 #header-div {
  -ms-grid-row: 2;
  grid-row: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#form-section #section-outer #section-inner #form-section-blurb-panel #blurb-div-1 #header-div #header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px;
  padding: 0px .4rem 0px .4rem;
  font-size: 3rem;
  font-weight: 400;
}

#form-section #section-outer #section-inner #form-section-blurb-panel #button-container {
  -ms-grid-row: 2;
  grid-row: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#form-section #section-outer #section-inner #form-section-blurb-panel #button-container #contact-us-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60vw;
  background-color: #1481c4;
  color: white;
  text-decoration: none;
  font-size: 1.2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 1.5rem 0px 4.5rem 0px;
}

#form-section #section-outer #section-inner #form-section-form-panel {
  -ms-grid-row: 3;
  grid-row: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#form-section #section-outer #section-inner #form-section-form-panel #gas-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 9fr;
      grid-template-rows: 1fr 9fr;
}

#form-section #section-outer #section-inner #form-section-form-panel #gas-form #form-header {
  -ms-grid-row: 1;
  grid-row: 1;
  width: 100vw;
  background-color: #1481c4;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#form-section #section-outer #section-inner #form-section-form-panel #gas-form #form-header h2 {
  font-size: 2rem;
  margin: 0px 0px 0px 1rem;
  font-family: 'Poppins', sans-serif;
}

#form-section #section-outer #section-inner #form-section-form-panel #gas-form #form-rows-container {
  -ms-grid-row: 2;
  grid-row: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 10fr 10fr 10fr 10fr 20fr 15fr;
      grid-template-rows: 10fr 10fr 10fr 10fr 20fr 15fr;
}

#form-section #section-outer #section-inner #form-section-form-panel #gas-form #form-rows-container .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1rem 0px 0px 0px;
}

#form-section #section-outer #section-inner #form-section-form-panel #gas-form #form-rows-container input,
#form-section #section-outer #section-inner #form-section-form-panel #gas-form #form-rows-container select,
#form-section #section-outer #section-inner #form-section-form-panel #gas-form #form-rows-container textarea {
  width: 90vw;
  border-radius: 0px;
  background-color: #E8E8E8;
  border: none;
  border-top-right-radius: .15rem;
  border-top-left-radius: .15rem;
  border-bottom: black 1px solid;
  padding-left: 1rem;
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
}

#form-section #section-outer #section-inner #form-section-form-panel #gas-form #form-rows-container #gas-form-submit {
  width: 90vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Poppins', sans-serif;
  background-color: #1481c4;
  color: white;
  font-size: 1.2rem;
  margin-bottom: 1rem;
}

#industries-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  -ms-grid-row: 2;
  grid-row: 2;
  background-color: #1481c4;
}

#industries-section #section-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  display: -ms-grid;
  display: grid;
  width: 100vw;
  -ms-grid-rows: fit-content(5%) 1fr;
      grid-template-rows: fit-content(5%) 1fr;
}

#industries-section #section-inner #section-title {
  -ms-grid-row: 1;
  grid-row: 1;
  color: white;
}

#industries-section #section-inner #sub-title {
  display: none;
}

#industries-section #section-inner #cards-container {
  -ms-grid-row: 2;
  grid-row: 2;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: fit-content(calc(100%/3)) fit-content(calc(100%/3)) 1fr;
      grid-template-rows: fit-content(calc(100%/3)) fit-content(calc(100%/3)) 1fr;
}

#industries-section #section-inner #cards-container .industry-card {
  padding-top: 2rem;
}

#industries-section #section-inner #cards-container .industry-card .card-body {
  -webkit-box-shadow: 0rem 0.5rem 1rem #696969;
          box-shadow: 0rem 0.5rem 1rem #696969;
}

#industries-section #section-inner #cards-container .industry-card .card-body .card-circle {
  font-size: .7rem;
  top: -2rem;
  height: 4rem;
  width: 4rem;
  border: 5px solid #1481c4;
  background-color: white;
}

#industries-section #section-inner #cards-container .industry-card .card-body .card-circle i {
  color: #1481c4;
}

#industries-section #section-inner #cards-container .industry-card .card-body .card-content {
  background-color: #FFFFFF;
  text-align: center;
  padding: 2rem 1rem 0px 1rem;
  width: 100%;
}

#services-section {
  -ms-grid-row: 3;
  grid-row: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}

#services-section #section-inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  -ms-grid-rows: fit-content(5%) 1fr;
      grid-template-rows: fit-content(5%) 1fr;
}

#services-section #section-inner #section-title {
  -ms-grid-row: 1;
  grid-row: 1;
}

#services-section #section-inner #cards-container {
  -ms-grid-row: 2;
  grid-row: 2;
  display: -ms-grid;
  display: grid;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  -ms-grid-rows: fit-content(50%) 1fr;
      grid-template-rows: fit-content(50%) 1fr;
}

#services-section #section-inner #cards-container .service-card {
  padding-top: 2.5rem;
}

#services-section #section-inner #cards-container .service-card .card-body .card-circle {
  font-size: 1rem;
  top: -2.5rem;
  height: 5rem;
  width: 5rem;
}

#services-section #section-inner #cards-container .service-card .card-body .card-circle i {
  color: white;
}

#services-section #section-inner #cards-container .service-card .card-body .card-content {
  background-color: #FFFFFF;
  text-align: center;
  padding: 3rem 1rem 0px 1rem;
}

#services-section #section-inner #cards-container .service-card .card-body .card-content li {
  text-align: left;
}

#about-us-section {
  -ms-grid-row: 4;
  grid-row: 4;
  background-color: #2e4670;
  text-align: center;
  color: #F8F8FF;
}

#about-us-section #section-title {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  color: #F8F8FF;
  margin: 1rem auto 1rem auto;
}

#about-us-section #about-us-information {
  margin: 0px auto 1rem auto;
  font-family: 'Poppins', sans-serif;
  width: 80vw;
}

#about-us-section #about-us-information a {
  text-decoration: none;
  color: #F8F8FF;
}

#about-us-section #about-us-information hr {
  margin: 1.5rem 0px 2rem 0px;
  color: #F8F8FF;
  border: .5px solid;
}

#about-us-section #about-us-information address {
  display: inline;
}

/*---Media queries---*/
@media (min-width: 550px) {
  html {
    font-size: 22px !important;
  }
  #button-container #contact-us-button {
    margin: 3rem 0px 6rem 0px !important;
    font-size: 1.7rem !important;
  }
}

@media (min-width: 600px) {
  html {
    font-size: 23px !important;
  }
}

@media (min-width: 650px) {
  html {
    font-size: 24px !important;
  }
}

@media (min-width: 700px) {
  html {
    font-size: 25px !important;
  }
}

@media (min-width: 750px) {
  html {
    font-size: 26px !important;
  }
}

@media (min-width: 800px) {
  html {
    font-size: 26.5px !important;
  }
}

@media (min-width: 850px) {
  html {
    font-size: 28px;
  }
}

@media (min-width: 900px) {
  html {
    font-size: 29px;
  }
}

@media (min-width: 950px) {
  html {
    font-size: 30px;
  }
  #subheader-div #subheader-text {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 1000px) {
  html {
    font-size: 31px;
  }
}

/*---Height queries---*/
@media (min-height: 650px) {
  #form-rows-container {
    -ms-grid-rows: 10fr 10fr 10fr 10fr 30fr 10fr !important;
        grid-template-rows: 10fr 10fr 10fr 10fr 30fr 10fr !important;
  }
  #form-rows-container #gas-form-submit {
    font-size: 1.7rem !important;
  }
}

@media (min-height: 1200px) {
  #button-container #contact-us-button {
    margin: 5rem 0px 8rem 0px !important;
    font-size: 1.7rem !important;
  }
}

@media (min-height: 1000px) {
  #button-container #contact-us-button {
    margin: 4rem 0px 7rem 0px !important;
    font-size: 1.7rem !important;
  }
}

@media (min-height: 1050px) {
  #button-container #contact-us-button {
    margin: 4.5rem 0px 7.5rem 0px !important;
    font-size: 1.7rem !important;
  }
}