body {padding:12px; margin:0px;}
#container {max-width:1200px; width:100%; margin-left:auto; margin-right:auto; display:flex; font-family:Helvetica, Arial, sans-serif; font-size:1.2rem;}
.column {width:50%; padding:12px 16px; box-sizing: border-box;}
#column-left {padding-right:20px; text-align:center;}
.column img {max-width:100%;}
#container .BBFormContainer[data-bbox-part-id="022621f9-362d-499d-ba17-e4a6af1e2885"] .BBTwoFields .BBFormTextbox, #container .BBFormContainer[data-bbox-part-id="022621f9-362d-499d-ba17-e4a6af1e2885"] .BBTwoFields .BBFormSelectList {
	max-width:100%;
	width:48%;
}

#container p {line-height:1.3;}

#column-right {background-color:#efefef; border-radius:12px;}

#container .BBFormContainer[data-bbox-part-id="022621f9-362d-499d-ba17-e4a6af1e2885"] .BBFormTextbox, #container .BBFormContainer[data-bbox-part-id="022621f9-362d-499d-ba17-e4a6af1e2885"] .BBFormTextArea, #container .BBFormContainer[data-bbox-part-id="022621f9-362d-499d-ba17-e4a6af1e2885"] .BBFormChecklist.BBFormContainer[data-bbox-part-id="022621f9-362d-499d-ba17-e4a6af1e2885"] .BBFormTextbox, #container .BBFormContainer[data-bbox-part-id="022621f9-362d-499d-ba17-e4a6af1e2885"] .BBFormTextArea, #container .BBFormContainer[data-bbox-part-id="022621f9-362d-499d-ba17-e4a6af1e2885"] .BBFormChecklist {
	max-width:100%; width:97.5%;
}

#bboxdonation_BBEmbeddedForm {padding:0px; max-width:100%;}

.BBFormSectionGiftAttributes .BBFormSectionHeading {display:none;}

#bboxdonation_giftattributes_ctl00_lblAttribDisplayName {font-weight:bold;}

#container .BBFormSummaryTotal, #bboxdonation_recurrence_divHeadingRecurrence {display:none;}

#bboxdonation_recurrence_chkMonthlyGift {font-size:3rem;}
#bboxdonation_recurrence_lblRecurringGift {padding-left:4px;}

#bboxdonation_BBEmbeddedForm {font-size:1rem;}

#container .BBFormSectionHeading {font-weight:bold;}

#DCCreditSecurityCode {max-width:150px;}

.logos {display:flex; flex-flow: row nowrap;
  align-items: center; margin-top:36px;}
.logos img {margin-left:1%; margin-right:1%;}
.logos {display:none;}
#container .logos {display:flex;}

h1 {margin-top:0px; margin-bottom:0px;}
h2 {font-size:2.4rem; margin-top:0px; margin-bottom:0px;}

@media (max-width:800px){
	#container {display:block; width:100%; max-width:600px;}
	.column {width:100%; padding:12px;}
	#column-left p {margin-bottom:16px; padding-left:6px; padding-right:6px;}
	#column-left {padding-right:12px;}
	#column-right {border-radius:0px;}
	body {padding:0px;}
	.logos {display:flex; margin-top:12px; margin-bottom:24px;}
	#container .logos {display:none;}
}