html
{
	margin:0px;
	height:100vh;
}

body
{
	margin:0px;
	height:100vh;
}
#header
{
	width:100vw;

}
#textWrapper
{
	min-width: 40%;
    margin: auto;
    max-width: 80%;
}
#contentContainer
{
	position: relative;
	height: 100vh;
	width: 100vw;
}

#header a
{
	text-decoration: none;
}
#headerText
{
	font-size: 3.5em;
    margin: 0px;
    text-align: center;
    padding-top: 1.5%;
    font-family: 'Merriweather', serif;
    color:black;
    font-weight: bold;
}

#infoContainer
{
	width: 80%;
    margin: auto;
}
.infoHeader
{
	text-align: center;

}
.infoHeaderText
{
	font-size:3em;
	font-family: 'Merriweather', serif;
	font-weight: bold;
	margin-top: 4%;
}
#infoBody
{
	padding: 2em;
    padding-top: 0;
}
.infoText
{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
}
.catagoryText
{
	font-size:3em;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
}
.catagoryContainer
{
	border-top: 0.3em solid #989898;
}
.bullets
{
	display: list-item;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bold;
	font-size: 2em;

}
.downsideText
{
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    font-weight: bold;
    text-decoration: underline;
}
.exampleContainer
{
	height: 25vh;
	width:100%;
}
.exampleImageWrapper
{
	margin: auto;
    height: 100%;
    width: 100%;
}
.exampleImage
{
	max-width: 30%;
    max-height: 90%;
}
#footerContainer
{
    width: 100vw;
    margin-bottom:2em;
}
#footerContainer p
{
	font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin-top: 0.3em;

}
#footerTextWrapper
{
	border-top: 0.3em solid #989898;
    width: 80%;
    margin: auto;
}