@import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap');
h1.deco::after {
	content: '';
	display: block;
	border-bottom: 4px solid #bbe5f5;
	width:100%;
	margin-top: 8px;
	margin-bottom:0;
}
h1.deco {
	font-family:"Poiret One","Varela Round", "Source Sans Pro",sans-serif;
	font-size:4em;
	color:#df4625;
	font-weight: 500;
	margin-bottom:0;
	margin-top:0;
}
h2.all-aboard::before {
	content: '';
	display:block;
	border-top: 8px solid #E1F5FF;
	width:75%;
	margin-bottom: 8px;
	margin-top:0;
}
h2.all-aboard {
	font-variant:small-caps;
	font-size:2.85em;
	margin-top:0;
	margin-bottom:0;
	color:#006993;
}
h2.deco, .deco h2 {
	font-size:2.5em;
	margin-top:8px;
}
.deco h3,h3.deco {
	font-size:1.6em;color:#df4625;
}
.banner {
	margin-top:0;
}
.banner img {
	position:absolute;
	vertical-align:top;
	right:0px;
	top:100px;
	z-index:-1;
}
.volunteer-form {
	margin-top:8px;
}
.volunteer-form label[for="#Textbox-1"]{
	width:100px;
}
.volunteer-form #Textbox-1 {
	width: calc(100% - 110px);
}
.volunteer-form label[for="#Textbox-2"]{
	width:110px;
}
.volunteer-form #Textbox-2 {
	width: calc(100% - 120px);
}
.volunteer-form label[for="#Textbox-3"]{
	width:200px;
}
.volunteer-form #Textbox-3 {
	width: calc(100% - 210px);
}

.rsvp label[for="#Textbox-1"]{width:110px;}
.rsvp #Textbox-1 {width: calc(100% - 110px);}
.rsvp label[for="#Textbox-2"]{width:110px;}
.rsvp #Textbox-2 {width: calc(100% - 110px);}
.rsvp label[for="#Textbox-3"]{width:125px;}

.rsvp label[for="#Textbox-4"]{width:165px;}
.rsvp #Textbox-4 {width: calc(100% - 165px);}
.rsvp label[for="#Textbox-5"]{width:110px;}
.rsvp #Textbox-5 {width: calc(100% - 110px);}

.circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.circle-badge {
  position: relative;
  display: block;
  margin: 0;
  background-color: transparent;
  color: #FFF;
  text-align: center;
}
.circle-badge:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
	background-color:#f15d24; 
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  content: "";
}
/**
 * Assign background color with classes
 */
.circle-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
}
.circle-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.circle-content {
  display: table-cell;
  padding: .5em;
  vertical-align: middle;
}
.circle-content span {

}
@media (min-width: 991px) {
.circle-badge {margin-top:-50px;}
  .note-card {margin-top:-25px;}
}
@media (max-width: 991px) {

}