/* Contact page */
.wrapper {
	max-width: 1200px;
	margin: auto;
}

#enroll {
	margin: 6rem auto;
}
#enroll form {
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
#enroll form input, #enroll form textarea {
	grid-column: span 6;
	margin-bottom: 0;
}
#enroll form input.half {
	grid-column: span 3;
}
#enroll form input.third {
	grid-column: span 2;
}
#enroll form input.btn {
	grid-column: auto;
}
@media(max-width: 700px) {
	#enroll {
		margin: 0 auto 4rem;
	}
	#enroll form input.btn {
    grid-column: span 6;
	}
}

#enroll #success {
  width: 550px;
  height: 350px;
  text-align: center;
  position: fixed;
  box-shadow: 0 0 20px -10px #000;
  top: calc(50vh - 250px);
  left: calc(50vw - 250px);
  border-radius: 1rem;
  background: #ffffff;
  padding: 1rem;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 2rem;
}
#enroll #success.open {
	display: flex;
}
#enroll #success img {
	margin: 0 0 2rem;
	max-width: 200px;
}
#enroll #success .close {
	position: absolute;
	top:  1rem;
	right: 1.5rem;
}
#enroll #success .close::before, #enroll #success .close::after {
	content: '';
	width: 2px;
	height: 1rem;
	border-radius: 1rem;
	background: #cac9c9;
	display: block;
	position: absolute;
	top:  0;
	right: 0;
	transform: rotate(45deg);
}
#enroll #success .close::after {
	transform: rotate(-45deg);
}
@media(max-width: 600px) {
	#enroll #success {
    width: calc(100% - 2rem);
    left: 1rem;
    z-index: 10;
	}
}

#enroll .msg {
	font-size: 1rem;
	margin:  1rem 0;
}