@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');


/*
========================================
Our Service
========================================
*/

.section.contact .left-side {
	padding: 0 10%;
	text-align: left;
}

.section.contact .title {
	font-size: 1.5em;
	margin-bottom: 20px;
}

.section.contact button {
	margin-left: 5px;
}

.section.white {
	padding: 5% 0;
	margin-top: 0;
	text-align: center;
}

.section.white .title {
	font-size: 2em;
	font-weight: bold;
}

.section.white .content {
	font-size: 2em;
	font-weight: 300; 
}

.email-button {
	background-color: #021224;
	font-family: Helvetica, sans-serif;
	color: #e0e0e0;
	border: 1px solid #021224;
	padding: 5px 20px;
	border-radius: 10px;
	font-size: 0.9em;
	font-weight: 300;
	transition: 0.3s ease;
	margin-left: 5px;
}

.email-button:hover {
	background: transparent;
	color: #021224;
	transition: 0.3s ease;
}

.hide-for-small { display: none; }

.map-section {
	height: 80vh;
	width: 100%;
	filter: brightness(80%);
}

@media only screen and (max-width: 1200px) {
	.hide-for-small {
		display: block;
		margin-bottom: 20px;
	}
	.email-button {
		margin-left: 0;
		line-height: 3;
	}
}

@media only screen and (max-width: 1024px) {


}

@media only screen and (max-width: 992px) {


}


@media only screen and (max-width: 500px) {
	.section.white .title,
	.section.white .content {
		font-size: 1.5em;
	}

}