div#home-header {
  overflow: hidden;
  max-height: 450px;
  min-height: 300px;
	width: calc(100% + 40px);
	margin-left: -20px;
  margin-top: -17px;
  display: inline-block;
  padding-bottom: 10px;
}

div#home-header-text {
  color: white;
  text-align: center;
  width: 100%;
  background-image: url("../img/home01.jpg");
  margin-top: 0px;
  padding-left: 60px;
}

.home-header-div {
	margin-top: 50px;
  margin-left: 50px;
  padding-bottom: 50px;
}

img#home01 {
  width: 100%;

  transition: all 400ms linear;
}

img#home01[zoomie] {
  width: calc(100% + 200px);
  margin-left: -100px;
  margin-top: -40px;

  transition: all 600ms linear;
}

img#home02, img#home03 {
  height: 200px;
}

img#home05 {
  width: 100%;
}

.diagonal-divisor {
  background: var(--content-background);
  height: 70px;
  width: calc(100% + 100px);
  transform: rotateZ(-1deg);
  margin-top: -28px;
  margin-left: -25px;
  margin-bottom: -50px;
  z-index: 1;
}

h3 {
  color: var(--primary-site-color);
  text-align: center;
  font-weight: 700;
}

h4 {
  color: var(--primary-site-color);
  text-align: center;
  font-weight: 600;
  font-size: 22px;
}

p {
  text-align: justify;
  font-size: large;
  color: var(--panel-body-color);
}

.dual-block {
  display: inline-flex;
  min-height: 200px;
  margin-bottom: 30px;
  padding: 0 30px;
}

.left-border {
  border-left: 5px solid var(--secondary-site-color);
  padding-left: 15px;
}

.right-border {
  border-right: 5px solid var(--secondary-site-color);
  padding-right: 15px;
}

.dual-block p {
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-button {
	width: fit-content;
	font-size: 22px;
	font-weight: 600;
	border: 3px solid white;
	background: transparent;
	color: white;
	padding: 20px;
	display: inline-block;
	text-align: center;
}

.home-button:hover, .home-button:focus {
  text-decoration: none;
  color: white;
}

#go-demo-button {
  margin: 30px;
}