/**
 *
 * page-contact.scss
 *
 */
/* ------------------------------------------------------------
 contact-intro
------------------------------------------------------------ */
@media screen and (max-width: 1023px) {
	.contact-intro__header {
		margin-right: calc( var(--outside-sm) * -1);
	}
}

.contact-intro__txt {
	margin-top: 4rem ;
}

.contact-intro__small {
	margin-top: 2rem ;
}

/* ----------------------------------------
 contact-intro__block
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.contact-intro__block {
		margin-top: 12rem ;
	}
}

@media screen and (max-width: 1023px) {
	.contact-intro__block {
		margin-top: 6rem ;
	}
}

/* ----------------------------------------
 contact-intro__location
---------------------------------------- */
.contact-intro__location {
	max-width: 79.4rem ;
	width: 100%;
	margin-inline: auto;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.contact-intro__location {
		margin-top: 12rem ;
	}
}

@media screen and (max-width: 1023px) {
	.contact-intro__location {
		margin-top: 6rem ;
	}
}

.contact-intro__location a {
	--color-hover-bg: var( --color-bg );
	display: block;
	border: var(--solid-accent);
	background-color: var(--color-accent);
	color: var(--color-txt2);
	text-align: center;
	transition: var(--transition-hover);
	transition-property: color;
}

@media screen and (min-width: 1024px) {
	.contact-intro__location a {
		padding: 2.9rem 2rem 2.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.contact-intro__location a {
		padding: 3.2rem 2rem ;
	}
}

@media (hover: hover) {
	.contact-intro__location a:hover {
		color: var(--color-accent);
	}
}

.contact-intro__location__title {
	font-size: var(--font-size24);
	line-height: normal;
}

.contact-intro__location__txt {
	margin-top: 1rem ;
}

/* ------------------------------------------------------------
 contact-form
------------------------------------------------------------ */
.contact-form {
	border-top: var(--solid);
}

@media screen and (min-width: 1024px) {
	.contact-form {
		margin-top: 20rem ;
		padding-top: 20rem ;
	}
}

@media screen and (max-width: 1023px) {
	.contact-form {
		margin-top: 12rem ;
		padding-top: 12rem ;
	}
}
/*# sourceMappingURL=sourcemaps/page-contact.css.map */