/* HERO SECTION */

.hero {
  background-image: url(/images/hero-images/hero-section.jpg);
  height: 100vh;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: var(--body-padding-horizontal);
  padding-right: var(--body-padding-horizontal);
}

.hero_text {
  font-size: var(--h1-font-size);
  color: var(--light-color);
  margin-bottom: var(--sector-margin-inside);
  text-align: center;
}

/* SERVICE REQUEST */

.service-request {
  background-color: var(--light-color);
  padding-top: var(--sector-vertical-padding);
  padding-bottom: var(--sector-vertical-padding);
  padding-left: var(--body-padding-horizontal);
  padding-right: var(--body-padding-horizontal);
  text-align: center;
}

.service-request_title,
.service-request_description {
  margin-bottom: var(--sector-margin-inside);
}

#footer {
  margin-top: var(--footer-margin-top);
}

/* RESPONSIVNESS SETTINGS */

@media screen and (max-width:1100px)  {
  .hero {
    padding-left: var(--body-margin-horizontal-rs);
    padding-right: var(--body-margin-horizontal-rs);
  }

  .service-request {
    padding-left: var(--body-margin-horizontal-rs);
    padding-right: var(--body-margin-horizontal-rs);
  }

  .service-request_button1 {
    margin-bottom: var(--sector-margin-inside);
  }

  #footer {
    margin-top: var(--footer-margin-top-rs);
  }
  
}