.pageLink {
	background-color:white;
	border-radius:8px;
	border:2px solid #b8b8b8;
	display:inline-block;
	cursor:pointer;
	color: black;
	font-size:17px;
	padding:10px 15px;
	text-decoration:none;
  transition: all 55ms linear;
  margin: 3px;
}
.pageLink:hover {
	border: 2px solid black;
}
.pageLink:active {
	position:relative;
	top:0.5px;
}





.mainTextContainer {
	width: 100%;
	margin: 0 auto;  /*Centers the div in middle of page*/
	display: flex;
  flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;      /*--moves flex items to middle of container*/
	margin: 0 auto;
}
.testFire {
	margin: 0 auto;
	border: 0px solid black;
	width: 850px;
	display: flex;
  flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;      /*--moves flex items to middle of container*/
}
.testFireInner{
	width: 100%;
	margin: 0 auto;
	display: flex;
  flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;      /*--moves flex items to middle of container*/
}
.testFireText{      /*Note this is not referring to the actual photo, but the container around it*/
	width: 100%;
	margin: 0 auto;
	display: flex;
  flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;      /*--moves flex items to middle of container*/
}
.testFirePhoto{      /*Note this is not referring to the actual photo, but the container around it*/
	width: 100%;
	margin: 0 auto;
	display: flex;
  flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;      /*--moves flex items to middle of container*/
}

.links{
	margin: 0 auto;
	display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}




.curve-img{
	width: 900px;
}

.fire-img{
	margin: 10px;
	margin-top: 20px;
	width: 300px;
}