@media (min-device-width: 1025px) {
  #introduction_title {
    margin-left: 3rem;
  }

  #main_header.grid_wrapper {
	height: 600px;
  }

  #introduction_title > h1 {
    margin-top: 3em;
    margin-bottom: 0.3em;
    font-size: 3rem;
  }

  #introduction_text {
    font-size: 1.3em;
    margin-bottom: 2em !important;
  }

  #introduction .text_area {
    grid-column: span var(--nr_columns_two_third);
  }
}

@media (min-device-width: 768px) and (max-device-width: 1024px) {
  #introduction_title {
    margin-left: 3rem;
  }

  #main_header.grid_wrapper {
	height: 400px;
  }

  #introduction_title > h1 {
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 2.5rem;
  }

  #introduction_text {
    font-size: 1.3em;
    margin-bottom: 1.5em !important;
  }

  #introduction .text_area {
    grid-column: span var(--nr_columns);
  }
}

@media (max-device-width: 768px) {
  #introduction_title {
    margin-left: 0;
    width: 67% !important;
  }

  #introduction_title > h1 {
    margin-top: 2rem;
    margin-bottom: 0.3em;
    font-size: 2rem;
  }

  #introduction_text {
    font-size: 1.2rem;
    margin-bottom: 1.5em !important;
  }

  #introduction .text_area {
    grid-column: span var(--nr_columns);
  }
}

#main_header.grid_wrapper {
	background: url('../img/photos/home_main.jpg');
	background-size: cover;
  background-position: 30% 0%;
	padding-top: 0;
}

#introduction_title {
  grid-column: span var(--nr_columns);
  width: 50%;
}

#introduction_title > h1 {
  color: rgb(160, 178, 130);
}

#introduction_text {
  color: rgb(255, 255, 255);
}

#main_text {
  font-size: 1em;
}

#introduction {
  grid-column: span var(--nr_columns);
  padding-top: 2rem;
}

#introduction .round_image{
  grid-column: span var(--nr_columns_one_quarter);
}

#introduction .round_image > img {
  border-radius: 50%;
  height: 150px;
  width: 150px;
}

.image_divider {
  grid-column: span var(--nr_columns);
  margin-top: 1.5rem;
  margin-bottom: 2rem
}

.text_area > ul > li {
	line-height: 1.8em;
}