@charset "utf-8";
/* CSS Document */

	@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;600&display=swap');

	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		font-family: 'Lora', serif;
		font-weight: 400;
	}
	.half {
		width: 50%;
		height: 100%;
	}	
	#content {
		height: 100%;
		position: relative;
		z-index: 9;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content:space-around;
		padding: 0 80px;
		font-size: 18px;
	}
	#content h1 {
		font-weight: 400;
		font-size: 32px;
		line-height: 32px;
		margin: 0;
	}
	#content h2 {
		font-weight: 400;
		font-size: 24px;
		line-height: 24px;
		margin: 0;
		
	}
	#content a {
		text-decoration: none;
		color: #2da945;
		font-weight: 600;
	}
	#logo {
		width: 400px;
		margin: 30px auto;
	}
	#logo img {
		width: 100%;
	}
	#wrapper {
		width: 100%;
		height: calc(var(--vh, 1vh) * 100);
		display: flex;
		flex-flow: row nowrap;
	}
	#map {
		width: 100%;
		height: 100%;
	}

/*---------------------------------------------------------------------- */
/*---------------------------------------------* MEDIA QUERY [ SMALL ]   */
/*---------------------------------------------------------------------- */

@media screen and (min-width:320px) and (max-width:1023px) {
	
	
	#wrapper {
		flex-flow: column nowrap;
	}
	
	.half {
		width: 100%;
		height: 50%;
	}
	
	#logo {
		width: 200px;
		margin: 20px auto;
	}
	
	#content h1 {
		font-size: 24px;
	}
	
	#content h2 {
		font-size: 21px;
	}	
	
	#content {
		font-size: 16px;
		padding: 0 20px;
	}	
	
	
}