body {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	background-color: #69788C;
}

#mainblock {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	/* align-content: center; */
	width: 60em;
	background-color: #E9E9E9;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

#title {
	font-family: 'Roboto', sans-serif;
	font-size: 4em;
	margin-top: 0.3em;
}

#faq {
	font-family: 'Roboto', sans-serif;
	font-size: 2em;
}

#faqContent {
	margin-left: 4em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	display:flex;
}

#fact {
	margin-left: 4.5em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	transform-origin: top center;
	transform: scaleY(0.0);
	transition: transform 250ms;
}

#dropDownPoint {
	margin-right: .2em;
	transition: transform 250ms;
}

.centeredCol {
	margin-left: auto;
    margin-right: auto;
}

@media (max-width: 62em) {
	#mainblock {
		width: 90%;
	}
	
	#title {
		font-size: 7vw;
	}
	
	#faq {
		font-size: 4vw;
	}
	
	#faqContent {
		font-size: 3vw;
	}
	
	#fact {
		font-size: 3vw;
	}
}