html { 
	background-size: 100% 100%;
	background-position: 0px 0px,0px 0px,0px 0px,0px 0px;
	background-image: radial-gradient(113% 91% at 17% -2%, #5C225DFF 1%, #FF000000 99%),radial-gradient(142% 91% at -6% 74%, #1D2A4DFF 1%, #000D19FF 100%);
}

.wrapper {
  display: flex;
  flex-flow: row wrap;
  height: 100%;
  text-align: center;
}

.logo {
	display: block;
	float: left;
	text-align: center;
}

.logo-container {
	margin: auto;
}

.logo-left {
	
}

.logo-right {
	
}

.logo img {
	width: auto;
	height: auto;
}


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

.logo {
	float: none;
}

.logo-left, .logo-right {
	padding: 10px 20px;
}	

.logo .logo-left img {
	max-width: 286px;
	width: 100%;
}

.logo .logo-right img {
	max-width: 532px;
	width: 100%;
}
	
}