:root{
	--0px: 0rem;
	--12px: 0.75rem;
	--13px: 0.81rem;
	--14px: 0.875rem;
	--20px: 1.25rem;
	--30px: 1.875rem;
	--45px: 2.81rem;
	--100px: 6.25rem;
}

body{
	background-color: #990202;
}

.headers{
	font-family: Arial;
	font-size: var(--20px);
	font-weight: bold;
	color: white;
	text-align: center;
	margin-left: var(--45px);
}

h1{
	font-family: Arial;
	font-size: 2.25rem;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-left: var(--45px);
}

h2{
	font-family: Arial;
	font-size: var(--20px);
	font-weight: bold;
	color: white;
	text-align: center;
	margin-left: var(--45px);
}

h3{
	font-family: Arial;
	font-size: 1.0625rem;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-left: var(--45px);
}

h4{
	font-family: Arial;
	font-size: var(--14px);
	font-weight: bold;
	color: white;
	text-align: center;
	margin-left: var(--45px);
}

li{
	font-size: 1rem;
}

.lists li{
	list-style-type: none;
	margin: var(--0px);
	padding: var(--13px);
	overflow: hidden;
	float: left;
	background-color: #990202;
	font-size: var(--20px);
}

.lister li{
	list-style-type: none;
	margin: var(--0px);
	padding: var(--13px);
	overflow: hidden;
	float: left;
	background-color: #990202;
}

li a{
	display: block;
	color: blue;
	padding: 0.625rem 1.25rem;
	text-decoration: none;
}

a:link{
	color: #15DEE7;
}

a:visited{
	color: #3970fa;
	font-weight: bold;
}

li a:hover{
	background-color: #3970fa;
	color: white;
}

figure{
	margin-left: auto;
	margin-right: auto;
	padding-left: 2.5rem;
	width: 18.75rem;
}

figcaption{
	font-size: var(--14px);
	color: white;
	text-align: center;
}

img{
	max-width: 100%;
	height: auto;
}

p{
	font-family: Arial;
	font-size: var(--14px);
	color: white;
	text-align: left;
	margin-left: var(--100px);
	margin-right: var(--100px);
}

ul{
	color: white;
}

.info{
	margin-left: 12.5rem;
}

label{
	font-weight: bold;
	margin-left: 6.875rem;
	color: white;
}

footer p{
	text-align: center;
	font-size: var(--12px);
}

.footers{
	text-align: center;
	font-size: var(--12px);
}

@media only screen and (max-width: 37.5em){
	body{
		background-color: white;
		color: #990202;
	}

	.headers{
		color: #990202;
	}

	h1{
		font-size: 1.625rem;
		margin-left: 2rem;
		margin-top: 4rem;
		margin-bottom: -8rem;
		color: #990202;
	}

	h2, h3, h4{
		color: #990202;
	}

	.lists li{
		background-color: white;
		font-size: 0.625rem;
		padding: 0.375rem;
	}

	.lister li{
		background-color: white;
		padding: 0.375rem;
	}

	.headers{
		margin-top: 9.375rem;
	}

	.info{
		margin-left: 2.5rem;
	}

	.footers{
		margin-left: var(--20px);
	}

	li, p, figcaption{
		color: #990202;
	}

	footer p{
		font-size: 0.5625rem;
	}

	.footers{
		font-size: 0.5625rem;
	}
}

@media only screen and (min-width: 37.5em) and (max-width: 48em){
	body{
		background-color: blue;
		color: white;
	}

	.lists li{
		background-color: blue;
	}

	.lister li{
		background-color: blue;
	}

	a:visited{
		color: #ff0404;
	}

	.headers{
		margin-top: 8.75rem;
		color: white;
	}

	.footers{
		margin-left: var(--30px);
	}

	p, h1, h2, h3, h4, figcaption{
		color: white;
	}
}

@media only screen and (min-width: 48em) and (max-width: 62em){
	body{
		background-color: blue;
		color: white;
	}

	h1{
		margin-left: 4rem;
		margin-top: 6rem;
		margin-bottom: -4rem;
	}

	.lists li{
		background-color: blue;
	}

	.lister li{
		background-color: blue;
	}

	a:visited{
		color: #ff0404;
	}

	.headers{
		margin-top: var(--100px);
		color: white;
	}

	.footers{
		margin-left: var(--30px);
	}

	p, h1, h2, h3, h4, figcaption{
		color: white;
	}
}

@media only screen and (min-width: 62em) and (max-width: 95em){
	body{
		background-color: #990202;
		color: white;
	}

	h1{
		font-size: 2rem;
		margin-left: var(--45px);
		margin-top: 0rem;
		margin-bottom: 0rem;
	}

	.lists li{
		background-color: #990202;
		font-size: var(--14px);
		padding: 0rem;
	}

	.lister li{
		background-color: #990202;
	}

	.headers{
		margin-top: var(--30px);
	}

	.footers{
		margin-left: var(--0px);
	}
	
	p, figcaption{
		color: white;
	}
}

@media only screen and (min-width: 97em) and (max-width: 160em){
	body{
		background-color: #990202;
		color: white;
	}

	.lists li{
		background-color: #990202;
		font-size: var(--20px);
		margin-left: var(--30px);
		padding: var(--13px);
	}

	.lister li{
		background-color: #990202;
		margin-left: var(--30px);
	}

	li{
		font-size: 1rem;
		margin-left: 18.75rem;
	}

	.footers{
		margin-left: var(--0px);
	}
}