/* -------------------------------------------------------------
  Sass CSS3 Mixins!
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers
 ------------------------------------------------------------ */
/*header*/
/* Cancel Remediation Modal */
.promo-banner-component {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  font-family: MarkOT-Regular,helvetica,arial;
  margin-bottom: 12px; }
  .promo-banner-component .text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
  .promo-banner-component .aligned-content {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto; }

.promo-banner-component .inner-container {
  color: #333333;
  font: 42px/50px "MarkOT-Regular", Helvetica, Arial, sans-serif;
  letter-spacing: 4px;
  padding: 35px 0;
  text-align: center; }
  @media (max-width: 930px) and (min-width: 667px) {
    .promo-banner-component .inner-container {
      padding: 10px 40px 0; } }
  @media screen and (max-width: 767px) {
    .promo-banner-component .inner-container {
      padding: 0;
      margin: 6px 15px 4px;
      letter-spacing: 0;
      font: 30px/36px "MarkOT-Medium", Helvetica, Arial, sans-serif; } }
  .promo-banner-component .inner-container .search-keyword {
    font-family: "MarkOT-Medium", Helvetica, Arial, sans-serif; }

.paragraph-banner {
  margin: 30px 0; }
  @media (max-width: 666px) {
    .paragraph-banner {
      margin: 10px 0; } }