.flex-center {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap:30px;
}

.fw {
	width: 99vw;
}

.logo {
	margin-top: 50px;	
}

.h1 {
	font-size: 42px;
	color: #fff;
}

.text {
	width: 55vw;
	color: #fff;
	font-size: 26px;
	text-align: center;
	font-weight: 500;
}
.sga {
	color: #fff;
}

.sga:hover {
	color: red;
}

.date {
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
}

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

.fw {
	width: 99vw;
}

.logo {
	
}

.h1 {
	font-size: 46px;
	color: #fff;
}
.text {
	width: 95vw;
	color: #fff;
	font-size: 32px;
	text-align: center;
	font-weight: 500;
}

.sga {
        color: #fff;
}

.sga:hover {
        color: red;
}

.date {
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
}

}