html, body {
	overflow: hidden;
}

h2 {
	font-size: 12px;
	color:     grey;
}

h6 {
	font-family:    'Roboto', sans-serif;
	text-align:     center;
	padding-bottom: 5px;
}

#content {
	color:       #333333;
	text-align:  center;
	font-family: 'Roboto', sans-serif;
}

.row-organization {
	font-size:   20px;
	font-weight: 500;
	margin:      0 10px;
}

.row-total {
	font-size:   25px;
	font-weight: 500;
	line-height: 25px;
}

.dollarAmountRaised {
	font-size:   80px;
	line-height: 80px;
	width:       100%;
	overflow:    hidden;
}

.asterix {
	font-size:   25px;
	line-height: 25px;
	top:         -35px;
	position:    relative;
}

.loading img {
	position: absolute;
	margin:   auto;
	left:     0;
	right:    0;
	top:      0;
	bottom:   0;
}

@media screen and (max-width: 370px) {
	.dollarAmountRaised {
		font-size:   37px !important;
		line-height: 40px !important;
		height:      60px;
		overflow:    hidden;
	}
	
	.dollarAmountRaised.asterix {
		top:  -10px;
		left: 1px;
	}
}

@media screen and (max-width: 250px) {
	.dollarAmountRaised {
		font-size:   40px !important;
		line-height: 40px !important;
		height:      50px;
		overflow:    hidden;
	}
}