@charset "UTF-8";

.contact { 
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	margin-bottom: 100px;
}

.contact-container {
	width: 100%
}

.contact-background {
	width: 100%;
	display: block;
}

.contact-header-1 {
	position: absolute;
	width: 100%;
	top: 8%;
	color: white;
	font-size: 2.5vw;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: bold;
	-webkit-text-stroke: 0.5px #292929; 
	padding: 10px;
}

.contact-desc-1 {
	position: absolute;
	width: 100%;
	top: 28%;
}

.contact-link-1 {
	color: white;
	font-size: 2.5vw;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: bold;
	-webkit-text-stroke: 0.5px #292929; 
	padding: 10px;
}

.contact-header-2 {
	position: absolute;
	width: 100%;
	top: 58%;
	color: white;
	font-size: 2.5vw;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: bold;
	-webkit-text-stroke: 0.5px #292929; 
	padding: 10px;
}

.contact-desc-2 {
	position: absolute;
	width: 100%;
	top: 78%;
}

.contact-link-2 {
	color: white;
	font-size: 2.5vw;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: bold;
	-webkit-text-stroke: 0.5px #292929; 
	padding: 10px;
}

@media (max-width: 1200px) {
	.contact-header-2,
	.contact-header-1 {
		font-size: 5vw !important;
	}
	.contact-link-2,
	.contact-link-1 {
		font-size: 5vw !important;
	}
}