#welcome_container {
  width: 100%;
  max-height: 45vh;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%;
}

#welcome_container .img_container {
  animation: x_slide_in_right 500ms linear 0ms 1 normal;
  grid-column: 2/3;
  grid-row: 1/2;
  display: grid;
  justify-content: center;
}

#welcome_container .text_container {
  grid-column: 1/2;
  grid-row: 1/2;
}

#welcome_container .img_container img {
  transition: transform 200ms linear;
  border-radius: 100%;
  max-width: 100%;
  max-height: 100%;
}

#welcome_container .img_container img:hover {
  transform: scale(1.1);
}

#maxim_container {
  justify-content: center;
}

#welcome_text {
  background-color: rgb(230, 215, 190);
  padding: 1rem;
}

#welcome_text p a {
  font-weight: bold;
}

.text_container {
  color: rgb(0, 121, 174);
  padding-top: 2vh;
  font-size: 1.5rem;
  display: flex;
  text-justify: center;
  text-align: center;
  flex-direction: column;
}

.text_container span a:hover {
  cursor: pointer;
}

.text_container {
  text-align: center;
  font-size: 1.5rem;
}

#services_container {
  animation: x_slide_in_right 500ms linear 0ms 1 normal;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: left;
}

#fields_of_work_container {
  background-color: rgb(230, 215, 190);
}

#services_container h1 {
  animation: x_slide_in_left 500ms linear 0ms 1 normal;
}

#fields_of_work_container div div a {
  text-decoration: none;
  color: rgb(0, 121, 174);
  transition: color 200ms linear;
}

#fields_of_work_container div div a:hover {
  color: rgb(255, 0, 0);
}

#fields_of_work_container h1 {
  animation: x_slide_in_left 500ms linear 1 normal;
  padding-bottom: 1rem;
}

#fields_of_work_container div {
  animation: x_slide_in_right 500ms linear 1 normal;
  gap: 0.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgb(230, 215, 190);
}

#fields_of_work_container div div {
  display: flex;
  flex-direction: row;
  height: 10vh;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}

#fields_of_work_container div div div {
  text-decoration: none;
  background-color: rgb(255, 238, 212);
  border: ridge rgb(230, 215, 190) 1px;
}

@media (max-width: 100vh) {
  #welcome_container .img_container {
    display: flex;
    width: 100%;
    max-height: 100%;
  }
  #welcome_container .img_container img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
  }
  #welcome_container {
    display: flex;
    flex-direction: column;
    align-content: center;
    padding: 0;
    max-height: 90vh;
  }
  #img_container {
    padding: 0 0 1rem 0;
  }
  .spacer {
    height: 1rem;
  }
  #fields_of_work_container div div {
    flex-direction: column;
    height: 40vh;
    justify-content: center;
    font-size: 1.5rem;
  }
  #services_container div {
    flex-direction: column;
  }
}/*# sourceMappingURL=style.css.map */