.hoo-splashscr{
	display: flex;
	flex-direction: column;
	justify-content: center;

	max-width: 75vw;
	height: 100vh;
	margin: auto;
	@media screen and (max-width: 1200px){
		max-width: 100vw;
	}
	@media screen and (max-width: 1024px){
		justify-content: flex-start;
	}
}

.hoo-splashscr-content{
	display: flex;
	flex-direction: row;
	justify-content: center;
	& > *{
		flex-shrink: 1;
	}
	@media screen and (max-width: 1024px){
		justify-content: flex-start;
		flex-wrap: wrap;
		& > *{
			max-width: 45%;
		}
	}
	@media screen and (max-width: 768px){
		justify-content: space-around;
		& > *{
			max-width: 100%;
		}
	}
}