.modal {
	left: 20%;
	/* margin: -250px 0 0 -32%; */
	opacity: 0;
	position: absolute;
	/* top: 10%; */
	visibility: hidden;
	width: 60%;
	/* box-sizing: border-box;
	transition: 3s ease-in;
	-moz-transition: 3s ease-in;
	-webkit-transition: 3s ease-in; */
}

/* Responsive */
@media screen and (max-width: 899px) {
	.modal{
	left: 1.5rem;
	width: calc(100vw - 4rem);
	}
}

.modal:target {
	opacity: 1;
	top: 50%;
	visibility: visible;
}

.modal .btn {
	float: right;
}
.modal .copy, .modal .header {
	padding: 1rem;
	color: var(--color-black);
	background: var(--color-white);
	border-radius: 1rem 1rem 0 0;

}
.modal-content {
	position: relative;
	z-index: 20;
}
.modal .copy {
	border-radius: 0 0 1rem 1rem;
}

.modal .overlay {
	background: var(--color-code-blue);
  opacity: 0.9;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

/* Close Button */
.box3 {
	width: 25px;
	right: 0px;
	position: absolute;
  padding-right: 1rem;
}
svg {
	display: block;
}
.close-x {
  stroke: var(--color-black);
  fill: transparent;
  stroke-linecap: round;
  stroke-width: 5;
}

button {
  font: inherit;
  font-weight: 600;
  border-radius: 1rem;
  border: var(--stroke-xs) var(--color-code-blue);
  background-color: var(--color-ultrawhite);
  color: var(--color-code-blue);
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
  padding: .5rem;
  margin-top: .5rem !important;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

input[type=submit] {
  font: inherit;
  font-weight: 500;
  border-radius: 1rem;
  background-color: var(--color-white);
  border: var(--stroke-xs) var(--color-code-blue);
  color: var(--color-code-blue);
  padding: .5rem;
  text-decoration: none;
  line-height: 1;
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
  cursor: pointer;
}
input[type=submit]:hover {
  border: var(--stroke-xs) var(--color-code-red);
  color: var(--color-code-red);
  cursor: pointer;
}

button:hover {
  border: var(--stroke-xs) var(--color-code-red);
  color: var(--color-code-red);
  cursor: pointer;
}
button:active {
  background-color: var(--color-code-blue);
  border: var(--stroke-xs) var(--color-code-blue);
  color: var(--color-white);
}