/* Core Styles */

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: #333;
    color: #fff;
    font-size: 1.1em;
    line-height: 1.5;
    text-align: center;
  }

  img {
    display: block;
    width: 100%;
    height: auto;
  }

  h1,
  h2,
  h3 {
    margin: 0;
    padding: 1em 0;
  }

  p {
    margin: 0;
    padding: 1em 0;
  }

  .btn {
    display: inline-block;
    background: #333;
    color: #fff;
    text-decoration: none;
    padding: 1em 2em;
    border: 1px solid #666;
    margin: 0.5em 0;
  }

  .btn:hover {
    background: #eaeaea;
    color: #333;
  }

  /* Header Showcase */

  #showcase {
    min-height: 450px;
    color: #fff;
    text-align: center;
  }

  #showcase .bg-image {
    position: absolute;
    background: #333
      url("data:image/jpeg;base64,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");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 450px;
    z-index: -1;
    opacity: 0.4;
  }

  #showcase h1 {
    padding-top: 100px;
    padding-bottom: 0;
  }

  #showcase .content-wrap,
  #section-a .content-wrap {
    padding: 0 1.5em;
  }

  /* Section A */

  #section-a {
    background: #eaeaea;
    color: #333;
    padding-bottom: 2em;
    margin: 0 !important; 
    padding: 0 !important;
    display: inline-block !important;
  }
  li , ul{
    list-style: none !important;
   
  }

  /* Section B */

  #section-b {
    padding: 2em 1em 1em;
  }

  #section-b ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #section-b li {
    margin-bottom: 1em;
    background: #fff;
    color: #333;
  }

  .card-content {
    padding: 1.5em;
  }

  /* Section C */

  #section-c {
    background: #fff;
    color: #333;
    padding: 2em;
  }

  /* Section D / Boxes */

  #section-d .box {
    padding: 2em;
    color: #fff;
  }

  #section-d .box:first-child {
    background: #2690d4;
  }

  /* Footer */

  #main-footer {
    padding: 2em;
    background: #000;
    color: #fff;
    text-align: center;
  }

  #main-footer a {
    color: #2690d4;
    text-decoration: none;
  }

  /* Media Queries */

  @media (min-width: 700px) {
    .grid {
      display: grid;
      grid-template-columns: 1fr repeat(2, minmax(auto, 25em)) 1fr;
    }

    #section-a .content-text {
      columns: 2;
      column-gap: 2em;
    }

    #section-a .content-text p {
      padding-top: 0;
    }

    .content-wrap,
    #section-b ul {
      grid-column: 2/4;
    }

    .box,
    #main-footer div {
      grid-column: span 2;
    }

    #section-b ul {
      display: flex;
      justify-content: space-around;
    }

    #section-b li {
      width: 31%;
    }
  }