/**
 * Correct the font sizes and margins on `h1` elements within
 * `section` and `article` contexts in Chrome, Firefox, and Safari.
 */


 /**
  * Homepage DEPOSIT MONEY button width
  */

 .page-navigation-mp__btn {
   font-weight: 600;
   padding: 10px 25px;
   height: 40px;
   font-size: 0.75em;
   line-height: 1.3;
   display: block;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   text-align: center;
   border-radius: 9999em;
   -webkit-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   cursor: pointer;
   background-color: #4fc143;
   color: #fff;
   border: 2px solid transparent;
   width: 100%;
   margin-bottom: 20px;
   margin-right: auto;
   margin-left: auto;
 }

 .page-navigation-mp__btn .btn__icon {
   font-size: 1.416666667em;
 }

 .page-navigation-mp__btn:focus {
   outline: 1px dotted #4fc143;
 }

 .page-navigation-mp__btn:active {
   -webkit-transform: translateY(2px);
           transform: translateY(2px);
 }

 .page-navigation-mp__btn:hover, .page-navigation__btn:focus {
   border-color: #0f9600;
   color: #fff;
 }

 .page-navigation-mp__btn:active {
   background-color: #0f9600;
   color: #fff;
 }

 @media (min-width: 23.4375em) {
   .page-navigation-mp__btn {
     max-width: 320px;
   }
 }

 .page-navigation-mp__btn:empty {
   display: none;
 }

 .no-flexbox.no-flexboxtweener .page-navigation-mp__btn {
   vertical-align: middle;
 }

 @media (min-width: 71.5em) {
   .page-navigation-mp__btn {
     display: inline-block;
     padding: 10px 25px;
     height: 40px;
     font-size: 0.75em;
     line-height: 1.3;
     font-weight: 600;
     margin: 0 0 0 10px;
     min-width: 9.4em;
     width: auto;
     max-width: 20em;
   }
   .page-navigation-mp__btn .btn__icon {
     font-size: 1.416666667em;
   }
 }

 .page-navigation-mp__btn--cta-secondary {
   margin-top: 30px;
   color: #fff;
   border-color: #fff;
   background-color: transparent;
 }

 .page-navigation-mp__btn--cta-secondary:hover, .page-navigation__btn--cta-secondary:focus {
   border-color: #4fc143;
 }

 .page-navigation-mp__btn--cta-secondary:active {
   border-color: #0f9600;
   background-color: transparent;
 }

 @media (min-width: 71.5em) {
   .page-navigation-mp__btn--cta-secondary {
     margin-top: 0;
     border-color: #4fc143;
     background-color: transparent;
     color: #4fc143;
   }
   .page-navigation__btn--cta-secondary:hover, .page-navigation__btn--cta-secondary:active, .page-navigation__btn--cta-secondary:focus {
     border-color: #0f9600;
     color: #4fc143;
   }
   .page-navigation-mp__btn--cta-secondary:active {
     background-color: transparent;
   }
 }

 .page-header--transparent .page-navigation-mp__btn--cta-secondary {
   background-color: #fff;
   color: #4fc143;
   border-color: transparent;
 }

 .page-header--transparent .page-navigation-mp__btn--cta-secondary:hover, .page-header--transparent .page-navigation-mp__btn--cta-secondary:focus {
   color: #4fc143;
   border-color: #4fc143;
 }

 .page-header--transparent .page-navigation-mp__btn--cta-secondary:active {
   background-color: #fff;
   border-color: #0f9600;
 }


 /**
  * Footer
  */

 .page-footer-mp__copyright {
   padding-top: 20px;
   width: 100%;
   text-align: center;
   font-size: 0.75em;
 }

 .page-footer-mp__copyright__dot {
   position: relative;
   display: block;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 10px;
   width: 20px;
   height: 20px;
   border-radius: 10px;
   background-color: #4FC143;
 }

 .page-footer-mp__links {
   text-align: center;
   font-size: 0.75em;
   line-height: 1.333333333;
   text-transform: uppercase;
   letter-spacing: 0.1em;
   font-weight: 600;
   margin-top: 60px;
   margin-bottom: 60px;
 }

 @media (min-width: 71.5em) {
   .page-footer-mp__links {
     font-size: 0.875em;
     line-height: 1.285714286;
   }
 }

 @media (min-width: 48em) {
   .page-footer-mp__links {
     margin-top: 30px;
     margin-bottom: 30px;
   }
 }

 .page-footer-mp__links li {
   display: block;
 }

 @media (min-width: 48em) {
   .page-footer-mp__links li {
     display: inline-block;
   }
 }
