@charset "utf-8";
/* CSS Document */

body {
	background-color:#141d22;
}
.logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:10px;
	margin-bottom:10px;
    max-width: 100%;
    text-align:center;
	background-color:#141d22;
}
.footer {
	width: 100%;
	height:auto;
	max-width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:10px;
	margin-bottom:10px;
    max-width: 100%;
    text-align:center;
	background-color:#141d22;
}
.social_icon {
	font-size:36px;
	padding:0px 0px 15px 0px;
}
.copyright {
	font-size:18;
	padding:5px 0px 15px 0px;
}
.parallax-window {
    min-height: 800px;
    background: transparent;
	background-size: cover;
	background-position: 50% 50%;
}
.parallax-window-chart {
    min-height: 400px;
    background: transparent;
	background-size: cover;
	background-position: 50% 50%;
}
/* Paragraph for Parallax Section */ 
.nav{background-color: #101010;}

.jumbotron{margin-bottom: 0;}

.container {
	height:auto; 
	overflow:auto;
}

.container-custom {
	margin: 0px 0px 0px 0px;
	border:none;
	width: 100%;
	height:auto;
	max-width: 100%;
	overflow:auto;
}

.right {
	float:right;
	margin: 0px 10px 0px 5px;
}

.left {
	float:left;
	margin: 0px 5px 0px 10px;
}

.content-main-left {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	text-align:left;
	min-height: 45px;
	height:auto;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	background:#FFF;
	max-width:100%;
}
.content-main-left p{
	margin: 2px 0px 0px 15px;
}
.content-main-alt-left {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	text-align:left;
	min-height: 45px;
	height:auto;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	background:#f7f7f7;
	max-width:100%;
}
.content-main-alt-left p{
	margin: 2px 0px 0px 15px;
}
.content-main-center {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	text-align:center;
	min-height: 45px;
	height:auto;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	background:#FFF;
	max-width:100%;
}
.content-main-center p{
	margin: 2px 0px 0px 0px;
}
.content-main-alt-center {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	text-align:center;
	min-height: 45px;
	height:auto;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	background:#f7f7f7;
	max-width:100%;
}
.content-main-alt-center p{
	margin: 2px 0px 0px 0px;
}
.parallax p {
font-family: 'Roboto Condensed', sans-serif;
font-size: 40px;
color:#f5f5f5;
text-align: center;
line-height: 60px;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
 
/* Heading for Parallax Section */ 
.parallax h1 {
font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 60px;
font-weight:bold;
text-align: center;
padding-top: 290px;
line-height: 100px;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/* Heading for Parallax Section */ 
.parallax_2 h1 {
font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 60px;
font-weight:bold;
text-align: center;
padding-top: 10px;
line-height: 100px;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.parallax_2 p {
font-family: 'Roboto Condensed', sans-serif;
font-size: 40px;
color:#f5f5f5;
text-align: center;
line-height: 60px;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.parallax h2 {
font-family: 'Roboto Condensed', sans-serif;
color:#f5f5f5;
font-size:24px;
font-weight:bold;
text-align: center;
padding-top: 60px;
line-height: 100px;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
/* Heading for Parallax Section */ 
.parallax-chart h1 {
font-family: 'Roboto Condensed', sans-serif;
color: #fff;
font-size: 60px;
font-weight:bold;
text-align: center;
padding-top: 180px;
line-height: 100px;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.bgcol0 {
background-color: #fff;
color:#101010;
min-height:200px;
}
.bgcol1 {
background-color: #d60b0b;
color:#f5f5f5;
min-height:300px;
}
.bgcol2 {
background-color: #ffffff;
color:#f5f5f5;
min-height:300px;
}
.bgcol3 {
background-color: #0b74d6;
color:#f5f5f5;
min-height:300px;
}

.bgcol4 {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.blankspace {
width: 100%;
min-height:30px;
}

.donScroll {
	height:500px;
	overflow-y: scroll;
  }
  .speechbubble {
	position: relative;
	background-color: #fff;
	padding: 1.125em 1.5em;
	font-size: 1.25em;
	border-radius: 1rem;
  box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}

.speechbubble::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 1.5em;
	border: .75rem solid transparent;
	border-top: none;
	border-bottom-color: #fff;
	filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
}
.display-donators{
	width: 100%;
}
