.bg-graphic {background: url(/content/dam/georgia-power/css/images/bg-graphic.png) left top no-repeat;}
.white-font {color: #ffffff;}
.white-font div.heading--text h1 {color: #ffffff; font-weight: 300;}
.large-heading div.heading--text h1 {font-size: 4.7rem;}
.columnctrcomp .row [class^="col-"] .columnctrcomp .row.citizenship-callout {margin: 0;}
.white-font h2, .white-font h3 {margin-top: 20px; margin-bottom: -15px; color: #ffffff; text-align: center;}
.white-font div.heading--text p {color: #ffffff; font-size: 1.5em;}
.white-font div.heading--text a.btn {background-color:transparent; border: solid 2px #ffffff;}
.white-font div.heading--text a:hover.btn {background-color: #ffffff;}
.white-font blockquote {background: none; font-size: 1.5em;}
.no-btn .promo-basic_large span.promo--text--button {display: none;}
.no-btn .promo--text .promo--text--heading {font-size: 1.5em;}
.no-btn .promo--text .promo--text--heading {font-size: 1.5em;}
.citizenship-icons h3.iconcallout__heading {margin-bottom: 0; padding: 0 6px; font-size: 0.9em;}
.signature img {max-width: 145px;}

.partnerships .callout-card {padding-top: 0; padding-bottom: 0;}
.partnerships .callout-card h3 {color: #ec1c24; font-size: 1em; font-weight: 600;}
.partnerships .callout-card p {font-size: 1.075rem;}

.citizenship-impact .imagetext {margin: 0; padding: 0 0.5em 1em;}
.citizenship-impact .imagetext img {max-width: 90%;}
.citizenship-impact h2.imagetext--subheading {margin: 0.25em 0 0; color: #00bcf1; font-weight: 400; font-size: 2.5em; line-height: 1;}
.columnctrcomp .row [class^="col-"] .columnctrcomp .row.impact-callout {padding-top: 20px;}
.impact-callout h3.iconcallout__heading {margin-bottom: 10px;}

.centered-btn .custombutton {max-width: 470px; margin: 0 auto; box-shadow: 0 2px 6px rgba(0,0,0,0.075);}
.centered-btn .custombutton a.btn {border: none;}

.columnctrcomp .row [class^="col-"] .columnctrcomp .row.no-toppadding {margin-top: -1.5em;}
.no-toppadding .callout-card {padding-top: 0;}

@media (max-width: 991px) {
.citizenship-icons section.col-sm-6 {padding-top: 0rem !important;}
}

@media (max-width: 768px) {
.citizenship-icons section.col-sm-6 {float: left; width: 50%;}
.signature img {display: inline;}
.citizenship-impact .imagetext {margin: 0; padding: 0 0.5em 1em;}
.citizenship-impact .imagetext--image, .citizenship-impact .imagetext--text {display: inline-block; vertical-align: top;}
.citizenship-impact .imagetext--image {width: 30%; padding-right: 3%;}
.citizenship-impact .imagetext--text {width: 66%;}
}

@media (max-width: 568px) {
.large-heading div.heading--text h1 {font-size: 2.5rem;}
.white-font.long-btn div.heading--text a.btn {white-space: normal;}
.white-font div.heading--text p {font-size: 1.2em;}
.citizenship-icons .iconcallout__container {margin-bottom: 0;}
.citizenship-icons h3.iconcallout__heading {font-size: 1.15em;}
.centered-btn .custombutton a.btn {padding: 1em;}
}