@charset "UTF-8";

/* CAPTCHA */

.contact-form-page form.simple-layout .separator,
.contact-form.simple-layout .separator {
	margin: .5em 2em;
	align-self: center;
	height: 1px;
	background-color: #8a8a8a;
}

.contact-form-page form.simple-layout .field.captcha,
.contact-form.simple-layout .field.captcha {
	justify-content: center;
	align-items: center; 
	margin: 1em 0 .5em 0;
}

.contact-form-page form.simple-layout .field.captcha #captcha-img,
.contact-form.simple-layout .field.captcha #captcha-img {
	max-width: 10em;
    height: 50px;
    padding-left: 4em;
}

.contact-form-page form.simple-layout .field.captcha > div,
.contact-form.simple-layout .field.captcha > div {
	display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    margin-left: 2em;
}

.contact-form-page form.simple-layout .field.captcha label,
.contact-form.simple-layout .field.captcha label {
	margin-bottom: .5em;
}

@media only screen and (max-device-width : 560px) , screen and (max-width: 560px) {

	.contact-form-page form.simple-layout .field.captcha #captcha-img,
	.contact-form.simple-layout .field.captcha #captcha-img {
	    padding-left: .2em;
	}
}

@media only screen and (max-device-width : 450px) , screen and (max-width: 450px) {
	
	.contact-form-page form.simple-layout .field.captcha > div,
	.contact-form.simple-layout .field.captcha > div {
		align-items: center;
	}
}

@media only screen and (max-device-width : 320px) , screen and (max-width: 320px) {

	.contact-form-page form.simple-layout .field.captcha > div,
	.contact-form.simple-layout .field.captcha > div {
	    margin-left: 0;
	}
}