.module-responsive {
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	align-items: center;
	
	margin: auto;
	
	min-width: 80%;
	max-width: 100%;
	
	min-height: 25vh;

	border-radius: 2vw;
	box-shadow: 0 0 10px 2px rgb(var(--ColorShadow), 1);
	
	background-color: rgb(var(--ColorBG), 0.9);
	
}

.module-responsive * {
	
	max-width: 100%;
	
}

.module-responsive i {
	
	flex: 1;
	
	padding: 2vw;
	
	margin-top: auto;
	margin-bottom: auto;
	
	font-size: 36pt;
	text-align: center;

	color: rgb(var(--ColorAccentBright));
	
}

.module-responsive > *:not(i) {
	
	flex: 400px;
	align-self: flex-start;

	min-width: 50%;
	
	padding: 2vw;
	
}