@charset "UTF-8";
/* CSS Document */
html, body {
  margin: 0;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  height: 100%;
}
.BG-wrapper {
  width: 100%;
  margin: 0 0 -133px;
  min-height: 100%;
}
.header {
  background-color: #fde6f3;
  padding: 5px auto;
}
.inner-wrapper {
	padding: 5px 20px;
}
.main {
	margin: 20px 0 0;
	    display: inline-block;
}
.footer,
.push {
  height: 133px;
}
/* Images */
img {
  display: block;
  align-content: center;
  margin: 0 auto;
  padding: 4% 0;
  width: 100%;
}
.header img {
  display: block;
  align-content: center;
  margin: 0 auto;
  padding: 4% 0;
  width: 45%;
}
.heading img {
  display: block;
  align-content: center;
  margin: 0 auto;
  padding: 5% 0 2% 0;
  width: 100%;
}
.img-wrapper img {
  display: block;
  align-content: center;
  margin: 0 auto;
  padding: 5% 0;
  width: 100%;
}
.buttons-wrapper {
  display: flex;
}
.email img {
  display: block;
  align-content: center;
  margin: 0 auto;
  padding: 5% 0 0% 0;
  width: 35%;
}
.email p {
  padding: 0 50px;
}
/* Colours */
.pink-section {
  background-color: #fde6f3;
  padding: 15px 0 25px;
  display: block;
}
/* TYPE */
p {
  color: #4a124d;
  font-size: 15px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  text-align: center;
}
h1 {
  font-size: 20px;
  color: #8dc63f;
  font-weight: 400;
  text-align: center;
  padding:  0;
	margin: 0;
}
h2 {
  color: #4a124d;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
h3 {
  color: #4a124d;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  padding: 5px 20px;
}
.small {
  margin-top: 20px;
  font-size: 12px;
}
.error-text {
	margin-top: 20px;
	font-size: 12px;
	color: red;
}
a {
  color: #4a124d;
}
.pink {
  color: #ec008c;
}
/* Button */
button {
  display: block;
  background-color: #4a124d;
  color: white;
	font-size: 18px;
  padding: 10px 40px;
  margin: 10px auto;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  width: 50%;
  text-transform: uppercase;
}
/* FORM */
.form-wrapper {
  width: 90%;
  padding: 0 4% 10px;
  text-align: left;
}
.form-wrapper p {
  margin-top: 30px;
  text-align: left;
}
.form-input-wrapper {
  margin: 20px 0;
}
.form-input-wrapper:last-child {
  margin: 0 0 20px 0;
}
label {
  color: #4a124d;
  font-size: 14px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  text-align: left;
  font-weight: 500;
}
.checkbox label {
  font-weight: 300;
  padding-left: 10px;
  line-height: -5px;
}
input[type=text], input[type=email], input[type=date], select {
	width: 100%;
	padding: 8px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #4a124d;
	background-color: #ffffff;
	border-radius: 4px;
	color: #4a124d;
	box-sizing: border-box;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	height: 34px;
	font-size: 16px;
}
.col-4 input[type=number] {
  width: 100% !important;
}
input[type=number], input[type=tel] {
	width: 50%;
	padding: 8px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #4a124d;
	border-radius: 4px;
	color: #4a124d;
	box-sizing: border-box;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
}
input[type=submit] {
  background-color: #4a124d;
  color: white;
  padding: 10px 40px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
}
.required:after {
  content: " *";
  color: #ec008c;
  margin-left: -5px;
}
/* Columns */
.columns-wrapper {
  width: 80%;
  margin: 0 auto;
}
.col-1 {
  width: 100%;
  /*padding-bottom: 25px;*/
}
.col-1 img {
  display: block;
  align-content: center;
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 85%;
}
.col-2 {
  width: 48%;
  float: left;
}
.col-2:first-child {
  padding-right: 2%;
}
.button-col-2{
  flex: 1;
}
.button-col-2 img,
.col-2 img {
  display: inline-block;
  margin: 0 auto;
  padding: 0 0 0 0;
  width: auto;
  height: 50px;
}
.button-col-2:nth-child(2) {
  padding-left: 2%;
}
.col-3 {
  width: 33.33%;
  float: left;
}
.col-3 p {
  margin-top: 0;
}
.col-3 img {
  display: block;
  align-content: center;
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 85%;
}
.col-4 {
  width: 24%;
  float: left;
}
.col-4:last-child {
  padding-left: 2%;
}
hr {
  display: inline-block;
  border-top: 1px solid #4a124d;
  width: 100%;
  margin-block-start: 1em;
  margin-block-end: 0em;
}
/* Footer */
/*
footer {
	position: absolute;
	bottom: 0;
}
*/
footer img {
  display: block;
  align-content: center;
  margin: 0 auto;
  padding: 5% 0 0 0;
  width: 100%;
  bottom: 0;
}
@media only screen and (min-width: 768px) {
  footer, .BG-wrapper {
    width: 600px;
    margin: 0 auto;
  }
}