:root {
    --light-color: white;
    --dark-color: black;
    --link-color: #0953E9;
    --header-nav-color: #EAEDED;
    --main-color: #9686BC;
    --main-color-2: #7D3C98;
    --header-bottom-color: #826AB9;
    --header-bottom-color-2: #BB8FCE;
}

body {
  text-align: center;
  /* display:flex;
    flex-direction:column; */
  min-height: 100vh;
  font-family: 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(--header-bottom-color), var(--header-bottom-color-2));
  color: var(--light-color);
  font-style: italic;
  text-align: center;
}

.header-company-div {
  color: var(--main-color-2);
  text-align: center;
}

.header-company-mini-div {
  color: var(--main-color-2);
  text-align: center;
  font-weight: bold;
  /*font-size: 90%;*/
  max-width: 50%;
}

.header-nav {
  background-color: var(--header-nav-color);
}

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

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

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

.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;
  }
}