/* sets the body to be very skinny and the default font, text style, and alignment */
body
{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 40%;
	margin-right: 40%;
	font-family: 'Helvetica Neue', sans-serif;
	font-weight: 200;
	text-align: left;
}

/* changes the background color, margins, and text style of the h1 blocks (top header) */
h1
{
	font-weight: 600;
	font-size: 40px;
	letter-spacing: 5px;
	line-height: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -200%;
	margin-right: -200%;
	background-color: #1b2a54;
	color: #ffffff;
	text-align: center;
}

/* changes the background color, margins, and text style of the h2 blocks (intermediate headers) */
h2
{
	font-weight: 400;
	font-size: 30px;
	margin: 0px;
	margin-left: -200%;
	margin-right: -200%;
	background-color: #1b2a54;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
}

/* changes the text style of the h3 blocks (text in the the second question section introducing the radios) */
h3
{
	font-size: 20px;
	font-weight: 300;
	margin: 0px;
	letter-spacing: 5px;
	text-align: center;
}

/* centers all elements of blocks using this class */
.center
{
	text-align: center;
}

/* sets the postition, alignment, and size of the banner image */
#banner
{
	object-fit: cover;
	margin-top: 0px;
	margin-bottom: -3px;
	margin-left: -200%;
	height: 80px;
	width: 500%;
}

/* sets the size of the logos used in the first question section */
.logo
{
	height: 100px;
}