@charset "UTF-8";
/* CSS Document */
#topDonate { /*hides the top right donate button*/
  display: none !important;
}
#badges h2 {
	align-items: stretch !important;
}
#badges h2 div {
	display: block;
	width: 20%;
	height: auto;
	border-right: 2px #000 solid;
}
.comment {
	border: none;
}
.sectionContent p, .sectionContent ul {
  display: block;
  margin-bottom: 1em;
  text-align: justify;
}
.figures { /*styles that control how each figure is displayed */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  height: auto;
  margin-bottom: 20px;
}
figure {
  box-shadow: none !important;
  border: none !important;
  text-align: center;
  margin: 20px auto;
}
.noBorderShadow {
box-shadow: none !important;
  border: none !important;
}
.fltL {margin-right: 20px !important;}
.fltR {margin-left: 20px !important;}
.bullets{margin: 0 0 0 20px;}
figure img { /*styles that control how each figure image is displayed with equal height */
  max-height: 250px !important;
  width: auto !important;
  border: 2px #8C8C8C solid;
  box-shadow: 4px 4px 5px 0px #7A7A7A;
  background-color: #fff;
}
.ulRight {
  margin-left: calc(40% + 50px);
}
.ulLeft {
  margin-left: 50px;
}
#html5-progress-bar {
  max-width: 300px;
  border: 1px #000 solid;
}
@media screen and (max-width:768px) {
	#badges h2 div {
		font-size: 1.2rem;
	}
  section figure {
    width: 40%;
  }
  .ulRight {
    margin-left: 50%;
  }
}
@media screen and (max-width:480px) {
	h2 {
		flex-wrap: wrap !important;
	}
	#badges h2 div {
		width: 40%;
		margin: 5px 10%;
		border-right: none;
		border-bottom: 2px #000 solid;
	}
	.comment {
		font-size: 1rem;
	}
	.pledge {
		border-bottom: none !important;
	}
	.ulRight {
    margin-left: 20px;
  }
  .ulLeft {
    margin-left: 20px;
  }
  header {
    font-size: 1.3rem !important;
  }
  .figures {
    display: block !important;
  }
  figure {
    width: 100% !important;
  }
}