.h1, h1 {
    font-size: 4.5rem;
    font-family: 'Allura';
}
.h2, h2 {
    font-size: 3rem;
    font-family: 'Allura';
}
#who-are-they {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#820000+0,7c0000+100 */
background: #820000; /* Old browsers */
background: -moz-linear-gradient(top, #820000 0%, #7c0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #820000 0%,#7c0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #820000 0%,#7c0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#820000', endColorstr='#7c0000',GradientType=0 ); /* IE6-9 */
}
#why-are-they-homeless {
	background:#FFF;
}
main {
	padding-bottom:0;
}
footer {
    width: 100%;
    height: auto !important;
    background: #333;
    text-align: center;
    padding: 20px;
    color: #FFF;
    position: relative;
    bottom: 0;
}
.sub-banner {
    height: 350px;
    width: 100%;
}
.sub-banner-sleepout {
	background: url(/style/img/homeless-2.jpg);
    background-size: cover;
    background-position: bottom;
}
.sub-banner-sleepout-registration {
	background: url(/style/img/homeless-3.jpg);
    background-size: cover;
}
.sub-banner-sleepout-thankyou {
	background: url(/style/img/homeless-3.jpg);
    background-size: cover;
}
.sub-banner-sleepout-my-details {
	background: url(/style/img/homeless-2.jpg);
    background-size: cover;
    background-position: bottom;
}
.photo {
	border:8px solid #FFF;
	box-shadow:0 0 1px #CCC;
	margin:25px 0;
	max-width:100%;	
}
a {
    color: #a21616;
}
.navbar-collapse.in {
    position: relative;
    top: 28px;
    background: #FFF;
}
#sleepout .cta-wrapper {
    right: 0;
    top: 200px;
}
#sleepout .cta .list-group-item:first-child {
	color:#FFF;
	font-weight: bold;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: rgb(255,48,25);
    background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}
#sleepout .cta .list-group-item:last-child {
	color:#FFF;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c539e+0,1c3956+99 */
	background: rgb(44,83,158); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(44,83,158,1) 0%, rgba(28,57,86,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(44,83,158,1) 0%,rgba(28,57,86,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(44,83,158,1) 0%,rgba(28,57,86,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#1c3956',GradientType=0 ); /* IE6-9 */
}
#sleepout .other-actions .list-group-item {
	color:#FFF;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7aaa00+1,569300+100 */
background: rgb(122,170,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(122,170,0,1) 1%, rgba(86,147,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(122,170,0,1) 1%,rgba(86,147,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(122,170,0,1) 1%,rgba(86,147,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aaa00', endColorstr='#569300',GradientType=0 ); /* IE6-9 */
}
.sponsorship-form-wrapper {
	position:relative;
}
.sponsorship-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffffde;
    overflow: hidden;
    top: 0;
    left: 0;
}
.or-divider {
    text-align: center;
    border-top: 1px solid #ccc;
    margin-top: 40px;
    position: relative;
    height: 40px;
}
.or-divider span {
    position: absolute;
    margin-top: -15px;
    top: -5px;
    background: #FFF;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid blue;
    border-radius: 50%;
}
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.btn-facebook {
	color: #fff;
	background-color: #4C67A1;
}
.btn-facebook:hover {
	color: #fff;
	background-color: #405D9B;
}
.btn-facebook:focus {
	color: #fff;
}
.btn-twitter {
	  background: #00ACEE;
	}
	.btn-twitter:link, .btn-twitter:visited {
	  color: #fff; 
	}
	.btn-twitter:active, .btn-twitter:hover {
	  background: #0075a2;
	  color: #fff; 
	}
.pledges-progress {
	background:#efefef;
	padding:25px;
}
.pledges-progress-bar-wrapper {
	background:#FFFFFF;
    position: relative;
    margin: 40px auto;
}
.pledges-marker {
	position:absolute;
	left:0;
}
.progress-bar-vertical {
  width: 20px;
  min-height: 100px;
  height:250px;
}

.progress-bar-vertical .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}