:root {
    --light-color: white;
    --dark-color: black;
    --link-color: #0953E9;
    --main-color: #F39C12;
    --main-color-2: #FF6A09;
    --header-title-color: #DC5700;
    --header-title-color-2: #E85F07;
}

body {
  text-align: center;
  /* display:flex;
    flex-direction:column; */
  min-height: 100vh;
  font-family: 'Trebuchet MS', sans-serif;
}

.header-main-div {
  background-image: linear-gradient(to right, var(--main-color), var(--light-color));
  /*display: flex;*/
  align-items: center;
}

.header-bottom-div {
  padding-top: 5px;
  background-image: linear-gradient(var(--main-color-2), var(--main-color));
  color: var(--light-color);
  font-style: italic;
  text-align: center;
}

.header-company-div {
  color: var(--header-title-color);
  font-style: italic;
  text-align: center;
}

.header-company-mini-div {
  color: var(--header-title-color-2);
  text-align: center;
  font-weight: bold;
  font-size: 100%;
  min-width: 80%;
  max-width: 80%;
  height: 60px;
}

.header-nav {
  background-image: linear-gradient(var(--main-color), var(--light-color));
  font-weight: bold;
}

.header-contacts-div {
  color: var(--header-title-color);
  text-align: center;
}

.main-content-div {
  /*padding-bottom: 50px;*/
  text-align: justify;
  min-height: 75vh;
  /*flex:1;*/
}

.header-link {
    color: var(--header-title-color);
}

.header-link:hover {
    color: var(--header-title-color);
}

.content-link {
    color: var(--link-color);
}

.location-element-div {
  display: inline-block;
  vertical-align: top;
}

.footer-div {
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 10px;
  min-height: 25vh;
  background-image: linear-gradient(to right, var(--main-color), var(--light-color));
}

.footer-info-div {
  text-align: left;
}

@media (min-width: 768px) {
  .header-main-div {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .main-content-div {
    padding-top: 250px;
  }

  .footer-div {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media (max-width: 767px) {
  .main-content-div {
    margin-top: 100px;
  }

  .footer-div {
    padding-left: 100px;
    padding-right: 100px;
  }
}