/* Contact */

.contact {
	width: 100%;
	height: 100%;
	background-color: #F7F3F1;
	background: url(../img/contact/contact.jpg) #F7F3F1;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (min-width: 1000px) {
	.information {
		width: 50%;
		margin-left: 50%;
	}
	
	.information__wrapper {
		padding: 80px 20px;
		background-color: rgba(247, 243, 241, 0.9);
		-webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
	}
}

@media (max-width: 1000px) {
	.information {
		width: 100%;
	}
	
	.information__wrapper {
		padding: 40px;
		background-color: rgba(247, 243, 241, 0.9);
	}
}

.information__item {
	margin: 40px;
	text-align: center;
}

.information__title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

.information__icon {
	max-width: 20px;
	max-height: 20px;
	margin-right: 10px;
}

.information__text {
	font-size: 18px;
}

/* Form */

@media (min-width: 1000px) {
	.form {
		display: inline-block;
		vertical-align: top;
		width: 40%;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.form__imageWrapper {
		display: inline-block;
		vertical-align: top;
		width: 40%;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

@media (max-width: 1000px) {
	.form {
		vertical-align: top;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	
	.form__imageWrapper {
		vertical-align: top;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

.form__table {
	width: 100%;
}

.form__input {
	padding: 4px;
    width: 70%;
    margin-left: 15%;
    border: 1px solid #8a8a8a;
}

.form__button {
	margin-left: 70%;
}

.form__message {
	font-size: 18px;
    margin-left: 70%;
}

.form__image {
	max-width: 100%;
	border-radius: 12px;
}

.form__send {
	font-size: 18px;
}

/* Facebook */

@media (min-width: 1000px) {
	.facebook {
		display: inline-block;
		vertical-align: top;
		width: 40%;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

@media (max-width: 1000px) {
	.facebook {
		vertical-align: top;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

.facebook__wrapper {
	margin-top: 30px;
}

.facebook__title {
	font-size: 20px;
}

.facebook__link {
	cursor: pointer;
}

.facebook__icon {
	display: inline-block;
    vertical-align: middle;
    max-width: 50px;
    max-height: 50px;
    margin-right: 10px;
    margin-top: 10px;
}

.facebook__text {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	transform: translate(6px, 6px);
}

.facebook__information {
	width: 70%;
	margin-top: 20px;
    font-size: 16px;
}

/* Instagram */

.instagram {
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}

.instagram__title {
	font-size: 30px;
	margin-bottom: 20px;
}

.instagram__tag {
	font-size: 18px;
	margin-bottom: 20px;
}

.instagram__images {
	width: 100%;
	line-height: 0px;
}

@media (min-width: 1000px) {
	.instagram__image {
		display: inline-block;
		width: 20%;
	}
}

@media (max-width: 1000px) {
	.instagram__image {
		display: inline-block;
		width: 50%;
	}
}

/* Contact Input Error */

.contact__input--error {
	border: 2px solid red !important;
}