@font-face {
	font-family: ClashDisplayRegular;
	src: url(../fonts/ClashDisplayRegular.otf);
}

@font-face {
	font-family: ClashDisplayBold;
	src: url(../fonts/ClashDisplayBold.otf);
}

@font-face {
	font-family: ClashDisplaySemiBold;
	src: url(../fonts/ClashDisplaySemibold.otf);
}

@font-face {
	font-family: ClashDisplayMedium;
	src: url(../fonts/ClashDisplayMedium.otf);
}

*, input, #send {
	font-family: ClashDisplayRegular;
	font-size: 18px;
	overflow: visible;
}

#send {
    color: black;
	background-color: white;
	border-radius: 4px;
	height: 60px;
	padding: 0 50px;
	border: none;
	transition: all 0.3s;
    margin-top: 20px;
}

#send:hover {
	background-color: #003e2d;
	box-shadow: none;
}

#form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    max-width: none;
    justify-content: space-between;
}

#form .form-field, #form .form-field label {
    background-color: transparent;
}


#form .form-field:first-child, #form .form-field:nth-child(2){
    flex-basis: 49%;
}

#form .form-field:nth-child(2) {
    margin-top: 0;
}

#form .form-field:nth-child(3), #form .form-field:nth-child(4) {
    flex-basis: 100%;
}

#form .form-font-regular {
    border-radius: 12px;
    background-color: white;
    height: 60px;
}

p.privacy {
    display: none;
}

.form-wrapper {
    padding: 0;
}

.form legend {
    color: white;
}


.form-field.form-field--spaced {
    margin-top: 12px;
}

@media screen and (max-width: 768px) {
    #form {
        display: block;
    }

    #form .form-field:nth-child(2) {
        margin-top: 12px;
    }
}

.acknowledge-label, .acknowledge-title {
    color: white;
}