@charset "UTF-8";
/* CSS Document */
/*Prevent any averflow of page container */
.container-fluid.pad-0-lr {
  overflow: hidden;
}
/*Home Subnav */
.homeNav {
  display: block;
}
/*Page Subnav*/
.nav--desktop li.nav--desktop--list--topMenu--menuItem.selected,
.nav--desktop li.nav--desktop--list--topMenu--menuItem.expanded {
  border-bottom: 4px solid #00175a !important;
}
a,
.collapsible {
  text-decoration: none;
  color: #006fcf;
}
.nav--desktop li.nav--desktop--list--topMenu--menuItem.has-innerMenu:hover {
  border-bottom: 4px solid #c8c9c7;
}
.nav--desktop--list--topMenu--menuItem .button:hover {
  background: transparent;
}
.button:hover {
  cursor: pointer;
}
.nav--desktop.hoz {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
}
.nav--desktop {
  font-size: 15px;
  line-height: 22px;
}
nav ul:not(.list) {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav--desktop--list--topMenu {
  display: flex;
  align-items: stretch;
}
.nav--desktop--list--topMenu--menuItem {
  display: flex;
  position: relative;
  vertical-align: middle;
  margin-right: 25px;
  border-bottom: 4px solid transparent;
  height: 52px;
}
.about-main-nav {
  height: 45px !important;
}
.has-innerMenu.about-main-nav {
  margin-top: 0;
  padding-bottom: 30px;
}

.nav--desktop--list--topMenu--menuItem .link,
.nav--desktop--list--topMenu--menuItem .button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  color: #006fcf;
  font-weight: normal;
  background-color: transparent;
  border-radius: 0;
}
.nav--desktop--list--topMenu--menuItem .button {
  border: none;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  min-width: auto;
  align-items: inherit;
}
.nav--desktop--list--topMenu--menuItem .button .text {
  display: inline-block;
}
.nav--desktop--list--topMenu li.has-innerMenu:hover ul {
  opacity: 1 !important;
  display: block !important;
}
.nav--desktop--list--innerMenu {
  display: none;
  background-color: #fff;
  position: absolute;
  padding: 15px 0 !important;
  margin-left: -30px !important;
  min-width: 270px !important;
  box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
  margin-top: 5px !important;
  z-index: 10;
}
.nav--desktop--list--innerMenu > li {
  padding: 0 30px;
  position: relative;
}
.nav--desktop--list--innerMenu > li:not(:first-child) {
  margin-top: 15px;
}
.nav--desktop a:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.dropdown-item a:hover,
.nav-item a:hover.collapsible[aria-expanded='true'],
.collapsible[aria-expanded='true'] .icon,
a label.drop-icon:hover,
a label.drop-icon:focus,
a label.drop-icon:active,
.nav-item a:hover,
.current-page,
.nav--desktop--list--topMenu--menuItem.current-page .button,
.nav--desktop--list--topMenu--menuItem.current-page a {
  text-decoration: none;
  color: #00175a;
}
li.current-page:after {
  border-bottom: 4px solid #00175a;
  content: '';
  position: absolute;
  top: 100%;
  width: 100%;
  height: 0;
  left: 5px;
}
.link-underlined {
  text-decoration: none !important;
}
ul.esg-resources li a.link-underlined:hover {
  text-decoration: underline !important;
}
/*.current-page a {
	color: #00175A !important;
}*/
/* Mobile SubNav */
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.nav-item.dropdown {
  background: none !important;
  background-size: 0 !important;
  min-width: 130px;
  border: none !important;
}
.nav-item.dropdown,
.dropup {
  position: relative;
}
.dropdown-menu {
  left: 0;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.innerSubNav .container .border {
  border: none;
}
#menu.nav {
  background: none;
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-align: center;
  align-items: center;
}
.collapse.show {
  display: block;
}
.main-menu .dropdown-menu {
  position: static;
  float: none;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
label.navbar-toggler {
  float: right;
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: '';
  background: no-repeat center center;
  background-size: 100% 100%;
}
.collapse.navbar-collapse {
  margin-top: 3vh;
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-item a,
.dropdown-submenu {
  display: block;
  width: 100%;
  padding: 0rem 1.5rem;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  background: 0 0;
  border: 0;
}
.dropdown-item button.nav-link.caret {
  padding-left: 0.25rem !important;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.8em;
}
.nav-item,
.dropdown-item {
  padding: 0.55em 0 !important;
  width: 100%;
}
.subdropdown-item button.nav-link.caret {
  padding-left: 1.55rem !important;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
#menu .main-menu {
  display: none;
  padding-top: 3rem !important;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type='checkbox'],
#menu ul span.drop-icon {
  display: none;
}
#menu .sub-menu {
  display: none;
}

#menu input[type='checkbox']:checked + .sub-menu {
  display: block;
}
a.text-link {
    padding-top: 0;
    padding-bottom: 0.828125rem;
}

.dropdown button.nav-link.caret:before {
  right: 2.5% !important;
  left: auto;
}
ul#menu-1-desktop li a {
	color: #006fcf;
}
ul#menu-1-desktop li a:hover {
	color: #00175a;
}
.heroFont {
  font-size: 10rem;
}

h1.homeHeroFont {
  font-size: 3.33333333rem;
  line-height: 3.5rem;
  padding-top: 15%;
}
.iconHeight {
  height: 83px !important;
}

.pageTitleFont {
  font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 2.375rem;
  line-height: 2.75rem;
}

.pageSubTitleFont {
  font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.875rem;
  line-height: 2.375rem;
}
/* Header Margin */
.header-margin {
  margin-top: -45px;
  background-color: #ffffff;
}

/* show/hide for subnav */
.mobileSubNav .container > div > div:nth-child(1) {
  display: block;
}
/* Sub nav fix for smaller screen widths */
.mobileSubNav .container {
  max-width: 1240px;
}
/* Overridden btn class to match creatives */
.btn {
  max-width: fit-content !important;
}

/* Collection of custom minHeight classes for pages */
.minHeight350 {
  min-height: 350px;
}
.minHeight360 {
  min-height: 360px;
}
.minHeight390 {
  min-height: 390px;
}
.minHeight485 {
  min-height: 506px;
}
.minHeight515 {
  min-height: 515px;
}
.minHeight665 {
  min-height: 665px;
}
.minHeight104 {
  min-height: 104px;
}
/* Max height for 1850 background */
#aboutWhoWeAre1850 img {
  max-height: 350px;
}

/* Adjust hero image's max height */
.heroImageMaxHeight {
  max-height: 500px;
}

/* Adjust hero image's min height */
.heroImageMinHeight {
  min-height: 600px;
}

/* Fix height for psudo image height for desktop */
.aboutHomePseudoImage img {
  height: 520px;
}

/* Reducing background color's opacity for Home page's section 3 and 4 copies. */
#aboutHomeSection3 .dls-white-bg,
#aboutHomeSection4 .dls-white-bg {
  opacity: 0.7;
}

/* Reverse the stack order for Section 3 in mobile */
#aboutHomeSection3 .container > div,
#ourBusinessOurBackingBlueSection .container > div,
#ourBusinessLeadingDigitalSection .container > div,
.esg-grey .container > div {
  flex-wrap: wrap-reverse !important;
}

/* Vertical centering contents */
/* #heroImage .container > div > div:nth-child(1), */
#heroImage .container > div > div,
#aboutHomeSection3 .container > div > div:nth-child(1),
#aboutHomeSection4 .container > div > div:nth-child(3),
#overviewVideoCopy .container > div {
  display: flex !important;
  align-items: center !important;
}

/* Adding dropshadows */
#aboutHomeInvestor1,
#aboutHomeInvestor2 {
  box-shadow: 1px 1px 5px lightgrey;
}

/* Removing left and right paddings of section 5 in desktop mode */
#aboutHomeInvestor1 .container,
#aboutHomeInvestor2 .container,
.noSidePadding,
.noSidePadding .container {
  padding-left: 0px;
  padding-right: 0px;
}

/* Forcing col-md-2 to 20% with instead of 16% */
#ourBusinessOurBacking .container > div > div.col-md-2 {
  flex: 0 0 20%;
  max-width: 20%;
}
/* Ensuring Desktop element doesn't have padding */
#ourBusinessOurBackingBlueSection .container,
#ourBusinessOurBackingBlueSection .container > div > div:nth-child(2) {
  padding: 0;
}
#ourBusinessOurBackingBlueSection img {
  padding: 0 !important;
}
/*Full Width on Desktop */
.oneHundredPercentMaxWidth .container {
  padding-left: 0px;
  padding-right: 0px;
}
.oneHundredPercentMaxWidth .container {
  max-width: 100%;
}
/* infographic colors */
.infographicBorder {
  border: 1px solid #ecedee;
}
.infographicBorder h3 {
  color: #00175a;
}
/* About Subfooter */
.aboutamex-footer {
  width: 100%;
  padding-top: 30px;
}
/*.aboutamex-footer a {
  color: #333333;
}*/
.contentMinHeight h5,
.contentMinHeight h4 {
  line-height: 1.75rem;
}
.aboutamex-footer h3,
.aboutamex-footer h4 {
  text-align: center;
  margin-bottom: 10px;
  font-weight: 500;
}
.aboutamex-footer-text-links ul,
.aboutamex-footer-social-links ul {
  list-style: none;
  text-align: center;
  padding: 0;
}
.aboutamex-footer-text-links ul li,
.aboutamex-footer-social-links ul li {
  text-align: center;
}
.aboutamex-footer-social-links ul {
  list-style: none;
  padding: 0;
}
.aboutamex-footer-social-links ul li {
  display: inline-block;
  padding: 0;
}

/* Our Business CEO Section */
/*#ceoSection {
	height: 749px;
}*/
#ceoSectionContent {
  padding-top: 117px;
}

/* Min height for #corporateSusOverviewEsgPillers content to match same heights */
#corporateSusOverviewEsgPillers .contentMinHeight {
  min-height: 220px;
}
/* Min height for #corporateSusOverviewEsgPillers content to match same heights */
#esgStrategyPillers .contentMinHeight {
  min-height: 170px;
}
#corporateSusOverviewCommunityImpact .col-md-2 {
  flex: 0 0 20%;
  max-width: 20%;
}
/* Hide a component on desktop and small tablets & below */
.hide-xl-sm {
  display: none;
}

/* list format section */
ol {
  padding-left: 60px !important;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
  padding-right: 38px !important;
}

ol > li::marker {
  font-weight: bold;
}

li {
  padding-left: 10px;
  padding-bottom: 5px;
}
.list--ordered {
  list-style-type: decimal !important;
}

.list {
  list-style-type: disc;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.ordered-list {
  list-style-type: decimal !important;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.list li ul {
  padding-top: 10px;
}
ol ul {
  list-style-type: disc;
}
.bcf.list {
  margin-bottom: 0;
  padding-bottom: 5px;
}
/*icon */
.icon,
.icon:before {
  font-size: 1.205rem;
}
.icon-img img {
  max-height: 40px;
}
#leadershipAcademy .minHeight360 {
  min-height: 250px;
}
/* Footnote */
.footnote-bg.nav {
  background: none;
}
.footnotes {
  ont-size: 13px;
  line-height: 24px;
}
.footnotes:before {
  content: '';
  height: 1px;
  width: 130px;
  display: block;
  background-color: #c8c9c7;
}
.footnotes_cta {
  padding-top: 15px;
  padding-left: 0.85rem !important;
}
.footnotes_button {
  display: inline-block;
  color: #53565a;
  text-decoration: none;
  padding-left: 15px;
  position: relative;
}
.footnotes_button:before {
  content: '';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 3.62678L1.17087 0.383017C0.985454 0.202352 0.688683 0.206206 0.508017 0.391626C0.327352 0.577046 0.331205 0.873817 0.516625 1.05448L4.17288 4.61698C4.3549 4.79434 4.6451 4.79434 4.82712 4.61698L8.48337 1.05448C8.66879 0.873817 8.67265 0.577046 8.49198 0.391626C8.31132 0.206206 8.01455 0.202352 7.82913 0.383018L4.5 3.62678Z' fill='%2353565A'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.3s linear;
  /* transform-origin: 50% 0; */
  background-size: 5px 8px;
}
.footnotes_panel.js--revealed {
  display: block;
}
.footnotes_panel {
  font-size: 0.75rem;
  line-height: 1.5;
  display: block;
}
.nav-vertical .nav-link.footnotes_cta[aria-expanded='true'] {
  background: none !important;
  color: #006fcf;
}
.nav-vertical .nav-link.footnotes_cta[aria-current='page'] {
  background: none !important;
  color: #00175a !important;
}
.nav-vertical .nav-link.footnotes_cta:hover {
  background: none !important;
}
.nav-vertical .nav-link.footnotes_cta.ft_white[aria-expanded='true'] {
  color: #ffffff;
}
.nav-vertical .nav-link.footnotes_cta.ft_white[aria-current='page'] {
  color: #ffffff !important;
}
.nav-vertical .nav-link.footnotes_cta.caret:before {
  left: 0rem;
}
.nav-vertical .nav-link.footnotes_cta.caret:before {
  width: 0.65rem;
  transform: rotate(90deg);
}
.nav-vertical .nav-link.footnotes_cta.caret.ft_white:before {
  color: #ffffff;
}
.nav-link.footnotes_cta.ft_white {
  color: #ffffff;
}
/* form */
.label-3.grant-form {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #53565a;
}
.g-form.form-control {
  -webkit-appearance: none;
  background-color: #dbdde0;
  border: none;
  border-radius: 0;
  color: #53565a;
  display: block;
  font-size: 1rem;
  line-height: 1.375rem;
  min-height: 3.125rem;
  transition: border-color 0.25s ease-out;
  width: 100%;
  min-width: 5rem;
}
.height-top {
  height: 100px;
}

/* Reports */
.esg-reports_items {
  display: flex;
  flex-wrap: wrap;
}
.esg-reports_item {
  width: 33.33%;
  padding-right: 25px;
  margin-top: 30px;
}
.esg-reports_image {
  margin-bottom: 3rem;
}
.esg-reports_image img {
  border: 1px solid #ecedee;
  display: block;
}

ul.esg-resources {
  padding-left: 0px !important;
}

.esg-resources li {
  list-style-type: none !important;
  padding-left: 5px;
  padding-bottom: 5px;
}

.esgRibbonSubTitle {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.esgRibbonSubTitle h1,
p {
  text-align: left;
}
table.loc_grant {
  width: 50% !important;
  margin-left: 60px;
}
@media (max-width: 1279px) {
  /* Sub nav fix for smaller screen widths */
  .innerSubNav .container {
    max-width: 100%;
  }
  .minHeight350 {
    min-height: 400px;
  }
  .minHeight390 {
    min-height: 475px;
  }
  .minHeight485 {
    min-height: 726px;
  }
  /*#ceoSection {
		height: 559px;
	}*/
  #ceoSectionContent {
    padding-top: 0;
  }
  #ceoSectionContent > div > div > div > div > div > div .heading-5 {
    font-size: 1.775rem;
    line-height: 2.275rem;
  }
  #ourBusinessOurBackingBlueSection .container {
    padding-left: 0;
    padding-right: 0;
  }
  #ourBackingBlueContent .container > div {
    padding: 0 10px 0 20px !important;
  }
  #ourBackingBlueContent .container div .pad-2-b,
  #ourBackingBlueContent .container div .pad-3-b {
    padding-bottom: 1.05rem !important;
  }
  #ourBackingBlueContent .container div .pad-3-t {
    padding-top: 1.05rem !important;
  }
  #ourBackingBlueContent .heading-6 {
    font-size: 2.075rem;
    line-height: 2.075rem;
  }
  #ourBackingBlueContent .heading-4 {
    font-size: 1.15rem;
    line-height: 1.55rem;
  }
  #ourBackingBlueContent .heading-1 {
    font-size: 0.7125rem;
    line-height: 1.025rem;
  }
  #ourBusinessOurBackingBlueSection .container > div > div img {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-top: 0;
  }

  .threeColumns .container .row .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  #corporateSusOverviewCommunityImpact .col-md-2 {
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%;
  }

  #corporateSusOverviewVideo .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* Hide a component on desktop and small tablets & below */
  .hide-xl-sm {
    display: block;
  }

  /* Evening out background height for the left most column */
  .minHeight360 {
    min-height: 360px;
  }
  .about-amex-footer-wrapper .container > div > div.col-md-8 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .about-amex-footer-wrapper .container > div > div.col-md-offset-2 {
    margin-left: 10%;
  }
  .height-top {
    height: 200px;
  }
}
/* Adjusting margins based on varing widths */
@media (max-width: 1023px) {
  /* .container {
    max-width: 100%;
} */
  /* Hide Home SubNav */
  .homeNav {
    display: none;
  }
  /* Sub nav fix for smaller screen widths */
  .mobileSubNav .container {
    max-width: 98%;
  }
  .innerSubNav .container > div > div {
    padding-left: 0;
    padding-right: 0;
  }
  .nav--desktop--list--topMenu--menuItem {
    margin-right: 9px;
  }
  .nav--desktop--list--topMenu--menuItem .button {
    margin-right: 5px;
  }
  .minHeight350,
  .minHeight390,
  .minHeight485 {
    min-height: 260px;
  }
  /* Evening out background height for the left most column */
  .minHeight360 {
    min-height: 380px;
  }
  .height-top {
    height: 45px;
  }
  .nav--desktop {
    font-size: 13px;
  }
  /* Forcing col-md-4 to column on large width instead of medium width */
  #aboutHomeOurVision .container > div > div.col-md-4,
  #aboutHomeOurValueRow1 .container > div > div.col-md-4,
  #aboutHomeOurValueRow2 .container > div > div.col-md-4,
  #aboutHomeOurValueRow3 .container > div > div.col-md-4,
  #withoutAmexSection .container > div > div.col-md-4,
  #ourBusinessOurBacking .container > div > div.col-md-2,
  #ceoSection .container > div > div.col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .aboutHomeSection4Margin {
    margin-top: 5vh;
  }

  .heroImageMinHeight {
    min-height: 400px;
  }
  /* Removing left and right paddings of section 5 in desktop mode */
  #aboutHomeInvestor1,
  #aboutHomeInvestor2 {
    min-height: 530px;
  }

  #ceoSection {
    height: 100%;
  }
  #ceoSectionContent {
    padding-top: 5vh;
  }
  #ceoSection .container,
  #ceoSection .container > div > div,
  .oneHundredPercentMaxWidth .container,
  .esg-grey .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  #ceoSection img,
  #ourBusinessOurBackingBlueSection img,
  #ourBusinessLeadingDigitalSection img,
  #ceoSection .container,
  .oneHundredPercentMaxWidth img,
  .oneHundredPercentMaxWidth .container,
  .esg-grey img,
  .esg-grey .container,
  .blue-header img,
  .blue-header .container {
    max-width: 100%;
  }
  #ceoSectionContent .container {
    max-width: 90%;
  }
  #ceoSectionContent > div > div > div > div > div > div .heading-5 {
    font-size: 1.775rem;
    line-height: 2.275rem;
  }
  #ceoSectionContent > div > div > div > div > div > div .heading-5,
  #ceoSectionContent > div > div > div > div > div > div p {
    text-align: left;
  }
  #ourBusinessOurBackingBlueSection .container div.col-md-6,
  #ourBusinessLeadingDigitalSection .container div.col-md-6,
  .oneHundredPercentMaxWidth .container div.col-md-6,
  .esg-grey .container div.col-md-6,
  .blue-header .container div.col-md-6,
  .reports .container div.col-md-9,
  .reports .container div.col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #ourBackingBlueContent .container div .pad-3-t {
    padding-top: 1.875rem !important;
  }
  #ourBackingBlueContent .container div .pad-2-b {
    padding-bottom: 1.875rem !important;
  }
  #ourBusinessOurBackingBlueSection .container > div > div img {
    margin-top: -1px;
  }
  /*#ourBusinessOurBackingBlueSection .container {
		padding-left: 0;
    	padding-right: 0;
	}
	#ourBackingBlueContent .container > div {
		padding-left: 0!important;
    	padding-right: 0!important;
    	padding-top: 0.5rem!important;
	}
	#ourBackingBlueContent .container > div > div {
		padding-left: 0;
    	padding-right: 0;
    }
	#ourBackingBlueContent > span.heading-6 {
		font-size: 2.075rem;
    	line-height: 2.075rem;
	}
	#ourBackingBlueContent > span.heading-4 {
		font-size: 1.15rem;
    	line-height: 1.55rem;
	}
	#ourBackingBlueContent > span.heading-1 {
		font-size: .7125rem;
    	line-height: 1.025rem;
	}
	#ourBusinessOurBackingBlueSection .container > div > div img {
		padding-right: 0!important;
    	padding-left: 0!important;
	} */

  #corporateSusOverviewCommunityImpact .col-md-2 {
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%;
  }
  /* Min height for #corporateSusOverviewEsgPillers content to match same heights */
  #esgStrategyPillers .contentMinHeight {
    min-height: 255px;
  }
  /* Hide a component on desktop and small tablets & below */
  .hide-xl-sm {
    display: none;
  }

  /* list format section */
  /* ol {
	padding-left: 40px !important;
} */
  /* .list--ordered {
	list-style-type: decimal !important;
	padding-left: 40px;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 1.5;
	margin-left: 17px;
}

.list {
	list-style-type: disc;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
} */
}

/* Adjusting margins and paddings based on varing widths */
@media (max-width: 767px) {
  h1.homeHeroFont {
    font-size: 2.11111111rem;
    line-height: 2.5rem;
    padding-top: 30%;
    padding-right: 100px;
  }

  .pageTitleFont {
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 2.375rem;
  }

  .pageSubTitleFont {
    font-family: BentonSans, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  /* Header Margin */
  .header-margin {
    margin-top: 0;
  }

  .mobileSubNav .container > div > div:nth-child(1) {
    /* display: none; */
  }
  .mobile-nav-menu {
    margin-top: -70px;
  }
  .nav--desktop.hoz.dskSubNav {
    display: none;
  }
  .minHeight425 {
    min-height: 425px;
  }

  .minHeight515 {
    min-height: 380px;
  }
  .minHeight104 {
    min-height: 50px;
  }
  #aboutHomeSection3 .container,
  #ceoSection .container,
  #ceoSection .container > div > div {
    padding-left: 0px;
    padding-right: 0px;
  }

  #aboutHomeSection3 .container > div > div,
  #aboutHomeSection4 .container > div > div {
    display: block !important;
    align-items: center !important;
  }

  .aboutHomeSection3Margin {
    margin: 20px 0 !important;
  }
  #aboutHomeSection4 .container,
  #ourBusinessLeadingDigitalSection .container,
  .oneHundredPercentMaxWidth .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .aboutHomeSection4Margin {
    margin: 20px 0 !important;
  }

  #aboutHomeInvestor2 .container {
    margin-top: 20px;
  }

  #aboutWhoWeAre1850 img {
    max-height: 250px;
  }

  #ceoSection img,
  #ourBusinessOurBackingBlueSection img,
  #ourBusinessLeadingDigitalSection img,
  #ceoSection .container,
  .oneHundredPercentMaxWidth img,
  .oneHundredPercentMaxWidth .container {
    max-width: 100%;
  }
  #ceoSectionContent .container {
    max-width: 90%;
  }
  #ceoSectionContent > div > div > div > div > div > div .heading-5,
  #ceoSectionContent > div > div > div > div > div > div p {
    text-align: center;
  }
  #ourBusinessOurBackingSection .container,
  #ourBusinessLeadingDigitalSection .container,
  .page-banner .container {
    max-width: 96%;
  }
  .sign-up-mob {
    max-width: 72%;
    z-index: 5;
  }
  /*.mobileSubNav .container {
        max-width: 100%;
    }*/
  #ourBusinessOurBackingBlueSection img,
  #ourBusinessLeadingDigitalSection img,
  #ourBusinessOurBackingBlueSection,
  .oneHundredPercentMaxWidth img {
    padding-bottom: 5vh;
  }
  #ourBusinessOurBackingBlueSection img,
  #ourBusinessLeadingDigitalSection img,
  .oneHundredPercentMaxWidth img {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #awardRecognitionHighlights img {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  #ourBusinessOurBackingBlueSection .container {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .aboutamex-footer h3 {
    font-size: 1.075rem;
  }
  .about-amex-footer-wrapper .container > div > div.col-md-offset-2 {
    margin-left: 0;
  }
  .threeColumns .container .row .col-md-4,
  .about-amex-footer-wrapper .container > div > div.col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #corporateSusOverviewCommunityImpact .col-md-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grant-heading .col-md-1 .text-align-right {
    text-align: center !important;
    /* flex: 0 0 8.3333333333%; */
    /* max-width: 8.3333333333%; */
  }
  .grant-heading .col-md-11 p {
    text-align: center !important;

    /* flex: 0 0 91.6666666667%; */
    /* max-width: 91.6666666667%; */
  }
  /* Header Mobile Adjustments */
  .header-margin .container > div > div .heading-6 {
    font-size: 2.075rem;
  }
  .header-margin .container,
  .header-margin .container > div > div.col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
  #brand .container,
  #brand .container > div > div.col-md-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .header-margin .container > div.pad-3-t {
    padding-top: 0 !important;
  }
  .grant-heading .container > div.pad-3-t {
    padding-top: 1.875rem !important;
  }
  /* Min height for #corporateSusOverviewEsgPillers content to match same heights */
  #corporateSusOverviewEsgPillers .contentMinHeight {
    min-height: 170px;
  }
  /* Min height for #corporateSusOverviewEsgPillers content to match same heights */
  #esgStrategyPillers .contentMinHeight {
    min-height: 170px;
  }
  /* Removing min height for mobile */
  .minHeight360 {
    min-height: 0px;
  }

  ol {
    padding-left: 20px !important;
  }
  .nav--desktop--list--topMenu--menuItem {
    padding-left: 0;
  }
  /* list format section */
  /* .list--ordered {
	list-style-type: decimal !important;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 1.5;
	margin-left: 17px;
}

.list {
	list-style-type: disc;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
} */
  /* Reports */
  .esg-reports_item {
    width: 50%;
  }

  .esgRibbonSubTitle {
    flex-direction: column;
  }

  .esgRibbonSubTitle h1,
  .esgRibbonSubTitle p {
    text-align: center;
    padding-left: 0px !important;
  }

  #esgReportWhiteCopy .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  table.loc_grant {
    width: 100% !important;
    margin-left: 0;
  }
}

@media (max-width: 417px) {
  #communityImpactMobileHeroHeight {
    max-height: 360px !important;
  }
}