@import url("../reset.css");
@import url("../shared.css");

@import url("../footer.css");
@import url("../header.css");

.app-contact {
	padding-bottom: 85px;
}

.app-contact-inner {
}

.app-contact-box {
	display: flex;
	justify-content: space-between;
}

.app-contact-form {
	width: 35%;
}

.app-contact-title {
	margin-bottom: 50px;
	font-size: 25px;
}

.app-contact-info {
	width: 35%;
}

.app-contact-form-btn {
	margin-top: 20px;
	text-align: center;
}

.app-contact-info-box {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 63px;
}

.app-contact-info-row__text,
.app-contact-info-row__title {
	font-weight: 400;
	font-size: 23px;
}

.app-contact-follow-title {
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 30px;
}

.app-contact-follow-text {
	font-weight: 400;
	font-size: 23px;
	margin-bottom: 20px;
}

.app-contact-location {
	margin-top: 20px;
	font-weight: 400;
	font-size: 23px;
	text-decoration: none;
	color: #000;
	display: inline-block;
	transition: 0.3s;
}

.app-contact-location:hover {
	text-decoration: underline;
}

@media (max-width: 1200px) {
}

@media (max-width: 768px) {
	.app-contact-box {
		flex-direction: column;
		gap: 40px;
	}

	.app-contact-title {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.app-contact-form {
		width: 100%;
	}

	.app-contact-info {
		width: 100%;
	}

	.app-contact-info-box {
		margin-bottom: 40px;
	}

	.app-contact-info-row__text,
	.app-contact-info-row__title {
		font-size: 18px;
	}

	.app-contact-follow-title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.app-contact-follow-text {
		font-size: 18px;
	}

	.app-contact-location {
		font-size: 18px;
	}
}