@charset "UTF-8";
/* CSS Document */

:root{
	--fluid-width: 930px;
}
html,
body{
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
	}
*,
*:before,
*:after{
  box-sizing: inherit;
}
p{
  margin: 0;
}
#banner{
  position: relative;
  margin: 0 auto;
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: rgba(255,255,255,1.00);
  cursor: pointer;
	overflow:  hidden;
}
#wrapper-left,
#wrapper-right{
	top: 0px;
	height: 100%;
	width: 100%;
	min-width: 160px;
	max-width: 816px;
	overflow: hidden;
}
#cta-side{
	top: 700px;
	width: 90%;
	text-align: center;
	min-width: 160px;
	max-width: 380px;
}
#cta-side img{
	width: 100px;
}
#logo-side{
	top: 150vw;
	width: 100%;
	min-width: 160px;
	max-width: 380px;
}
#logo img,
#logo-side img{
	width: 100%;
}
#splash-side{
	top: 120vw;
	width: 100%;
	min-width: 160px;
	max-width: 816px;
}
#splash-side img{
	width: 25%;
}
svg{
	width: 100%;
}
#cta img{
	width: 100%;
	height: auto;
}
.fed{
	font-size: 28px;
	font-weight: 700;
}
.abs{
	position: absolute;
}
.flex{
	display: flex;
	justify-content: center;
}
@media (min-width: 1600px) {
	:root{
		--fluid-width: 1260px;
	}
}
@media (max-width: 160px) {
	#splash-side{
		top: 195px;
		right: 100px;
		width: 100%;
	}
	#logo-side{
		top: 235px;
	}
	#logo-side img{
		width: 70px;
	}
}