/* copperiscritical.org stylesheet */

:root {
  --color-primary: rgb(246,132,62) /* #f6843e */;
    --color-primary-alpha: rgba(246,132,62,0.8);
  --color-secondary: rgb(37,115,154) /* #25739a*/;
  --color-quinary: rgb(102,102,105) /* #666666*/;
  --color-tertiary: rgb(105,208,199) /* #69D0C7 */;
  --color-quaternary: rgb(204,107,101) /* #CC6B65 */;
  --color-dark-cold-copper: rgb(98,105,113) /* #626971 */;
    --color-dark-cold-copper-alpha: rgba(98,105,113,0.8);
  --color-dark-blue: rgb(0,65,83) /* #004153 */;
    --color-dark-blue-alpha: rgba(0,65,83,0.8) /* #004153 */;
   --color-copper-is-critical-dk-orange: #fb4f14; 
  --color-dark-brown: rgb(145,121,93) #91795d;
  }
  
  
  @font-face {
    font-family: "AgfaRotisSansSerif";
    src: url("https://archive.copper.org/css/fonts/agfarotissansserifregular.ttffor") format("truetype"), /* Modern Browsers */
      url("https://archive.copper.org/css/fonts/agfarotissansserifregular.woff") format("woff"), /* Modern Browsers */
      url("https://archive.copper.org/css/fonts/agfarotissansserifregular.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "AgfaRotisSansSerifBold";
    src: url("https://archive.copper.org/css/fonts/agfarotissansserifbold.ttf") format("truetype"), /* Modern Browsers */
      url("https://archive.copper.org/css/fonts/agfarotissansserifbold.woff") format("woff"), /* Modern Browsers */
      url("https://archive.copper.org/css/fonts/agfarotissansserifbold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: 800;
    font-style: normal;
  }
  
  @font-face {
    font-family: "AgfaRotisSansSerifItalic";
    src: url("https://archive.copper.org/css/fonts/agfarotissansserifitalic.ttf") format("trueype"), /* Modern Browsers */
      url("https://archive.copper.org/css/fonts/agfarotissansserifitalic.woff") format("woff"), /* Modern Browsers */
      url("https://archive.copper.org/css/fonts/agfarotissansserifitalic.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: italic;
  }
  
  
  .color-primary {
    color: var(--color-primary);
  }
  
  h2 {
    font-size: 1.5rem;
    padding-bottom: 2vh;
  }
  
  
  .color-dark-blue {
    color: var(--color-dark-blue);
  }
  
  #share-utilities {
    margin-top: 0;
  }
  
    #share-utilities li {
      margin: 0 0.5vw;
    }
  
    #takeAction {
      color: #ffffff;
    }
  /* RESPONSIVE CSS */
  
  @media (min-width: 40em) {
  
  }
  
  body {
    /* letter-spacing: 0.04rem; */
    /* color: #424242; */
    color: var(--color-dark-blue);
  }
  
  #body-content {
    padding: 0;
  }
  
  /** sections */
  
  #why-copper-container {
    background-color: #e9e4de;
    background-image: url('images/brochure.png');
    /* background-size: cover; */
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;
  }
  
    h1#why-cic-title {
      color: var(--color-copper-is-critical-dk-orange);
      max-width: 24vw;
    }
  
    #why-copper-container p {
      color: var(--color-dark-blue);
      max-width: 44%;
      font-family: Arial, sans-serif;
      font-size: 1.15rem;
      font-style: normal;
      font-weight: normal;
      margin: 0;
    }
  
    .cic-content-border {
      margin: 2vh 0 2vh;
      border: 2px solid var(--color-copper-is-critical-dk-orange);
      border-left-width: 0;
    }
  
    #future {
      background-color: #3c1801;
      background-image: url('images/mineral-copper.png');
      background-size: cover;
      background-repeat: no-repeat;
      color: #ffffff;
    }
      
      #future h2 {
        color: #ffffff;
      }
  
    .cic-icon {
      height: 112px;
    }
  
    #copperCriticalMineralList {
      background-color: #feede8;
    }
  
    .chart-heading {
      color: var(--color-dark-blue);
      font-size: 1.1rem;
    }
  
    .chart-emphasis {
      color: var(--color-copper-is-critical-dk-orange);
      font-family: "AgfaRotisSansSerifBold";
      font-size: 1.45rem;
      margin-top:0;
    }

    .cic-cda-logo {
      height:32px;
    }

    .primary-content-tab-pane h2.thought-leadership-header {
      margin: .25rem 0;
      padding: 0 !important;
      font-size: 1.15rem;
      color: var(--color-dark-brown) !important;
    }

    .thought-leadership-subheader {
      margin: 0 !important;
      padding: 0 !important;
      font-size: 1.1rem;
      color: var(--color-dark-brown);
    }

    .cic-tab-content-para {
      font-size: 0.8rem !important;
    }

    .cic-read-more-link {
      color: var(--color-copper-is-critical-dk-orange) !important;
      text-decoration: none;
      font-weight: 800;
    }
  
  /** end sections */
  
  /* parallax */
  
  .parallax-container {
    /**
    overflow-y: hidden;
    height: 100%;
    min-height: 100%;
    */
  }
  
  .parallax {
    background-image: url('/copperiscritical.org/cic-hero-background.bc4efc79.png');
    background-size: cover;
    background-position: center;
    /* height: 100%; */
    display: grid;
    place-items: center;
  }
  
    .hero-caption {
      padding: 1vh;
    }
  
    #content h1, #content h2, #content h3, .copyright {
      font-family: "AgfaRotisSansSerif", "Open Sans", sans-serif;
    }
  
      .hero-caption h1, .hero-caption p {
       /** color: #ffffff; */
      }
  
    #content > h1:first-child {
      display: none;
    }
  
  /* end parallax */
  
  .content-container {
    background-color: var(--color-tertiary);
    color: var(--color-secondary);
    padding: 4rem 1rem;
  }
  
  .section-body-container {
    /** min-height: 80vh; 
    border-bottom: 0.25rem solid var(--color-quinary);
    margin-bottom: 4vh;
    margin-top: 4vh;
    */
  }
  
  .cta-container {
        background-image: linear-gradient(to right, rgba(0, 65, 83, 1), rgba(185, 204, 195, 1)) !important;
  }
  
  .cta-header {
    font-size: 2.25rem;
    padding-bottom: 0;
  }
  
  /** from InDesign */
  
  img._idGenObjectAttribute-1 {
    height:100.00%;
    min-width:100%;
    width:100.00%;
  }
  
  img._idGenObjectAttribute-2 {
    left:0px;
    position:absolute;
    top:0px;
  }
  
  div._idGenObjectStyle-Disabled {
    background-color:transparent;
    border-width:0px;
  }
  /** end from InDesign */
  
  
  /** navigation styles */
  #navbar-scroll {
    display: none;
  }
  .navbar-scroll {
    position: fixed;
    z-index: 999;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 767.98px) {
      .navbar-scroll {
        right: 20px; }
  
  
        .navbar-collapse.show {
          background-color: var(--color-primary);
        }
  
    }
  
  .navbar-scroll .nav-menu {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  
  .navbar-scroll .nav-menu li {
    position: relative;
    min-width: 200px;
    text-align: right; }
  
  .navbar-scroll .nav-menu li .dot {
    display: block;
    color: #fff;
    padding: 5px 0; }
  
  .navbar-scroll .nav-menu li .dot::before,
  .navbar-scroll .nav-menu li .dot::after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 50%;
    top: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  
  .navbar-scroll .nav-menu li .dot::before {
    width: 5px;
    height: 5px;
    right: 0;
    /* border: 1px solid rgba(255, 255, 255, 0.5); */
    border: 1px solid var(--color-primary-alpha);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  
  .navbar-scroll .nav-menu li .dot::after {
    width: 15px;
    height: 15px;
    /*  border: 2px solid #9d8f8f; */
    border: 2px solid var(--color-primary);
    right: -5px;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0); }
  
  .navbar-scroll .nav-menu li .dot.active::before,
  .navbar-scroll .nav-menu li:hover .dot::before {
    /* background: #9d8f8f;
    border-color: #9d8f8f; */
    background: var(--color-primary);
    border-color: var(--color-primary);
  }
  
  .navbar-scroll .nav-menu li .dot.active::after,
  .navbar-scroll .nav-menu li:hover .dot::after {
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  
  .navbar-scroll .nav-menu li .dot span {
    display: inline-block;
    opacity: 0;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: capitalize;
    /* background-color: rgba(157, 143, 143, 0.2); */
    background-color: var(--color-primary-alpha);
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 30px;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 12px;
  }
  
  .navbar-scroll .nav-menu li .dot span::before {
    display: block;
    position: absolute;
    content: '';
    /* border-left: 7px solid rgba(157, 143, 143, 0.2); */
    border-left: 7px solid var(--color-primary-alpha);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    top: 50%;
    -webkit-transform: translate(7px, -50%);
    -ms-transform: translate(7px, -50%);
    transform: translate(7px, -50%);
    right: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
  
  .navbar-scroll .nav-menu li .dot.active span,
  .navbar-scroll .nav-menu li:hover .dot span {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
  
  .navbar .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      color: transparent;
      border-color: transparent;
      outline: none;
      box-shadow: none;
  }
  
    .navbar-toggler:focus, .navbar .navbar-toggler-icon:focus {
      outline: none;
      box-shadow: none;
      color: transparent;
      border-color: transparent;
    }
  
  
    #primary-tier-nav li a, #primary-tier-nav li a:hover {
      /* padding: 0 6px; */
    }
    
    #primary-tier-nav > li a, 
    #primary-tier-nav > li a:hover, 
    #primary-tier-nav > li.active a, 
    #primary-tier-nav > li:hover a, 
    #primary-tier-nav li#copper-is-critical-link a:hover, 
    #primary-tier-nav li#copper-is-critical-link.active a:hover {
        background-image: none !important;
    }
    
    
  #primary-nav-utilities {
    padding-right: 0;
  }
  
  #primary-tier-nav {
    width: 100%;
  }
  
  #primary-tier-nav li#members-link, #primary-tier-nav li#members-link a {
    background-color: var(--color-secondary-alpha);
  }
  
  #primary-tier-nav li#members-link:hover, #primary-tier-nav li#members-link.active, #primary-tier-nav li#members-link.active:hover, #primary-tier-nav li#members-link:hover a, #primary-tier-nav li#members-link:hover a:hover, #primary-tier-nav li#members-link.active a, #primary-tier-nav li#members-link.active:hover a, #members-secondary-nav {
      background-color: var(--color-secondary);
  }
  
  
  
    #members-secondary-nav.secondary-nav {
      border-color: var(--color-secondary);
    }
  
    #primary-tier-nav li#members-link a {
      color: #ffffff;
    }
  
    #primary-tier-nav li#members-link h2 a {
      text-decoration: underline;
    }
  
    #primary-tier-nav li#copper-is-critical-link {
      position: absolute;
      right: 0;
    }

    /** in-page navigation tabs: */
    #cicNavContentContainer {
      background-color: #feede8;
    }
    
    #primary-content-tab-nav {
      list-style-type: none !important;
      padding-left: 0 !important;
      font-size: 0.8rem;
    }

    #primary-content-tab-nav li {
      margin-left: 0.2rem;
      margin-right: 0.2rem;
    }

        #primary-content-tab-nav a {
          min-height: 3.85rem;
          display: grid;
          place-items: center;
          font-weight: 700;
        }

          #primary-content-tab-nav a {
            background-color: #ffffff;
            color: var(--color-copper-is-critical-dk-orange);
            border-radius: 0.45rem;
          }

            #primary-content-tab-nav a.active {
              background-color: var(--color-copper-is-critical-dk-orange);
              color: #ffffff;
            }

        .primary-content-tab-pane h2 {
          margin-top: 0;
          color: var(--color-copper-is-critical-dk-orange) !important;
          font-family: "AgfaRotisSansSerifBold", "Open Sans", sans-serif;
        }

        .primary-content-tab-pane p {
          font-size: 1.15rem;
        }

        #s_and_p_report_button {
          background-color: var(--color-copper-is-critical-dk-orange);
        }

        .report-mashead {
          border: 4px solid var(--color-copper-is-critical-dk-orange);
        }
  
    @media only screen and (min-width: 1024px) {

      #content.level2c {
        width: 898px;
        max-width: 898px;
        overflow: auto;
    }

      .secondary-nav {
          width: 898px;
      }
    }
    
    
  
  /** end navigation styles */
  
  
  #memberLoginContainer a.nav-link {
      padding-top: 1.5rem;
      
  }
  
  /* bootstrap overrides */
  
    #site-search fieldset {
        margin-bottom: 34px;
    }
  
  .bg-meta,
  .btn-primary, .btn-primary:visited {
    background-color: var(--color-primary);
    color: #ffffff;
    border-color: transparent;
  }
  
  .btn-outline-primary {
    border-color: var(--color-primary);
    color: var(--color-primary);
  }
  
  .btn-outline-primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
  }
  
  .btn-tertiary, .btn-tertiary:visited {
    background-color: var(--color-tertiary);
    color: #ffffff;
  }
  
  #cicNavbar {
    position: absolute;
    z-index: 99;
    top: 0;
    width: 100%;
    min-height: 4vh;
    background-color: transparent;
    text-align: center;
  }
  
  .navbar .navbar-nav .nav-link {
    /* color: #bcc9de; */
    color: #ffffff !important;
  }
  
  .navbar .navbar-nav .nav-link:hover {
    /* color: white; */
    color: var(--color-tertiary) !important;
  }
  
  .nav-tabs .nav-link, .nav-tabs a.nav-link:visited {
      color: #0d6efd;
  }
  
  .navbar-text {
    color: #ffffff !important;
  }
  
  section#error-page-container {
    margin-top: 3rem;
    padding-top: 3rem;
  }
  
  section#error-page-container {
    margin-bottom: 3rem;
  }
  
  
  #logo {
    letter-spacing: 0.2rem;
    font-weight: 400;
  }
  
  .logo-a {
    border-top: 0.05rem solid #fff;
    padding-top: .25rem;
  }
  
  .studio-byline {
    font-family: nunito-sans, sans-serif;
    font-weight: 100;
  }
  
  .cover-image-container {
    max-width: 100%;
  }
  
    .cover-image-contaiuner > picture, .cover-image-container > picture > img {
      object-fit: cover;
      width: 100%;
      max-width: 100%;
      border-radius: 2px;
    }
  
  .map-thumbnail {
    min-width: 100%;
    max-width: 100;
    width: 100%;
    min-height: 100%;
  }
  
  .card {
    margin-bottom: 2rem;
  }
  
  .card.bg-transparent {
    border: none;
  }
  
  #http2-card img {
    filter: sepia(50%);
  }
  
  .card-img {
    border: none;
  }
  
  
    .image-citation {
      position:absolute;
      bottom: 2vh;
      right: 1vw;
      text-align: right;
    }
  
    .blockquote-footer {
      color: inherit;
      /** color: var(--color-secondary); */
    }
  
  #logo-poster {
    background-color: #ffffff;
    border: 0.15rem solid #ffffff;
  }
  
  #social-media-links li {
    margin-right: 0.5rem;
  }
  
  .social-icon {
    width: 2.25rem;
  }
  
  .alert {
    color: var(--color-quinary);
  }
  /* bootstrap media query overrides */
  
  @media (min-width: 576px) {
    .card-deck .card {
      margin-bottom: 2rem;
    }
  }
  
  body {
    padding-top: 0;
  }
  
  article > div {
    margin-bottom: 3rem;
  }
  
  a {
    color: #345386;
  }
  
  header a,
  article a,
  footer a {
    text-decoration: underline;
  }
  
  #portrait {
    max-width: 100%;
    border-radius: 50%;
  }
  
  #salut-message {
    font-size: 86%;
  }
  
  
  .navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background-color: transparent;
    /* border-bottom: 0.1rem solid rgba(12,12,12,1); */
  }
  
  footer.container {
    padding-bottom: 2vh;
  }
  
  footer.footer {
    position:relative;
    border-top: 0.15rem solid var(--color-quaternary);
    padding: 1vh 4vw;
    color: var(--color-secondary);
    background: var(--color-tertiary);
    /* background: linear-gradient(90deg, rgba(36,36,38,1) 0%, rgba(28,28,28,1) 19%, rgba(36,36,38,1) 100%); */
    background-image: linear-gradient(168deg, var(--color-tertiary) 0%, var(--color-tertiary-alpha) 19%, var(--color-quaternary) 100%);
  }
  
  .tab-pane {
      padding-top: 2vh;
  }
  
  .copyright {
    margin-bottom:0;
  }
  
  #breadcrumbs {
      margin: 0;
  }
  
  .navbar-brand {
      display: inline-block;
      padding-top: 0.3125rem;
      padding-bottom: 0.3125rem;
      margin-right: 1rem;
      font-size: 1.5rem;
      line-height: inherit;
      white-space: nowrap;
  }
  
  .bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
  }
  
  .bd-callout h4 {
    margin-top: 0;
    margin-bottom: .25rem
  }
  
  .bd-callout p:last-child {
    margin-bottom: 0
  }
  
  .bd-callout code {
    border-radius: .25rem
  }
  
  .bd-callout+.bd-callout {
    margin-top: -.25rem
  }
  
  .bd-callout-info {
    border-left-color: var(--color-primary)
  }
  
  .bd-callout-info h4 {
    color: var(--color-primary)
  }
  
  .border-dark {
    border-color: var(--color-primary) !important;
  }
  
  .text-info {
    color: var(--color-primary) !important;
  }
  
  .btn-outline-info {
    color: var(--color-primary);
    border-color: var(--color-primary);
  }
  
  .btn-outline-info:hover {
    background-color: var(--color-primary);
  }
  
  .card-body ul {
    padding-left: 1rem;
  }
  
  .card-header {
    background-color: rgba(136, 159, 197, 0.3);
  }
  
  #primary-content input[type=text].form-control-lg, #primary-content input[type=text].form-control-lg:optional {
      background-color: #ffffff;
  }
  
  div>ul {
    padding-left: 1.5rem;
  }
  
  @media (min-width: 768px) {
  
    #navbar-scroll {
      display: block;
    }
  
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto;
    }
  
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
  
  }
  
  @media only screen and (min-width: 1024px){
      
      #content.level2c #primary-content {
    width: 100%;
  }
  #body-content {
    width: 900px;
  }
  }
    div>ul {
      padding-left: 3rem;
    }
    li {
      margin-bottom: 0.25rem;
    }
  
    .nav-tabs > li {
      margin-bottom: 0;
    }
  
  
  @keyframes fade-in {
  from {opacity: 0;}
  to {opacity: 1;}
  }
  
  .fade-in {
   animation: fade-in 1s ease;
  }
  
    #primary-tier-nav li a, #primary-tier-nav li a:hover {
        /* font-weight: 700;
        padding: 6px 10px;
        letter-spacing: 0.02rem; */
    }
  
    #primary-tier-nav li#about-us-link {
        background-image: url('/images/ui/primarynav-divider.png');
    }
  
    #primary-tier-nav li#copper-is-critical-link,
     #primary-tier-nav li#copper-is-critical-link.active a {
        background-image: none;
    }
  
    #primary-tier-nav li#copper-is-critical-link.active {
      background-image: none;
      background: #f3f4f7;
      background: -moz-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f4f7), color-stop(48%, #f1f3f6), color-stop(53%, #dfe5ec), color-stop(100%, #c3cdda));
      background: -webkit-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
      background: -o-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
      background: -ms-linear-gradient(top, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
      background: linear-gradient(to bottom, #f3f4f7 0, #f1f3f6 48%, #dfe5ec 53%, #c3cdda 100%);
    }
  
  
    #primary-tier-nav > li a,
    #primary-tier-nav > li a:hover,
    #primary-tier-nav > li.active a,
    #primary-tier-nav > li:hover a,
    #primary-tier-nav li#copper-is-critical-link a:hover,
     #primary-tier-nav li#copper-is-critical-link.active a:hover {
      padding: 6px 12px;
      /* padding-right: 12px; */
      padding-right: 10px;
      /* background-image: url(/images/ui/primarynav-divider-active.png) !important; */
      background-position: right top;
      background-repeat: no-repeat;
      letter-spacing: 0.007354rem;
     }
  
     #primary-tier-nav li#copper-is-critical-link, #primary-tier-nav li#copper-is-critical-link.active {
         background: var(--color-primary) !important;
     }
     
         #primary-tier-nav li#copper-is-critical-link a, 
         #primary-tier-nav li#copper-is-critical-link a:visited, 
         #primary-tier-nav li#copper-is-critical-link {
             color: #fff !important;
         }
  
     #primary-tier-nav>li#about-us-link.active:hover,
     #primary-tier-nav>li#about-us-link:hover,
     #primary-tier-nav>li.active,
     #primary-tier-nav>li.active:hover,
     #primary-tier-nav>li:hover {
       padding-right: 3px;
     }
  
     #primary-content ul.nav-tabs {
       list-style-type: none;
       padding-left: 0;
     }
  
     #primary-content ul li {
       padding-bottom: 0;
     }
     
    @media only screen and (min-width: 480px) {
      form#site-search {
          margin-top: 58px;
      }
      
      #memberLoginContainer + form#site-search {
          margin-top: 0;
      }
  }
  
  @media only screen and (max-width: 768px) {
  
    .hero-caption {
      background-color: rgba(255,255,255,0.6);
    }
  
    .cic-content-border {
      border: 2px solid var(--color-copper-is-critical-dk-orange);
    }
  
     h1#why-cic-title {
      max-width: 90%;
    }
  
      #why-copper-container p {
        max-width: 100%;
      }
  
      .icon-container {
        padding: 1rem !important;
      }
  }