* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  #content-wrapper-home{
      display:flex;
      flex-direction: column;
  }

  .initial-banner {
      width: 100%;
      /*background-color: var(--excerpt-bg);*/
  }

  .initial-banner-title {
      font-weight: normal;
      margin-top: 15px;
      color: var(--excerpt-bg);
      @media only screen and (max-width:1120px) {
          margin-bottom: 10px;
      }

  }

  .initial-banner-cont {
      padding: 0px 20px;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      color: black;
      display: flex;
      margin: auto;
      @media only screen and (max-width:1120px) {
          padding: 35px 0;
          width: 90%;
      }
  }

  .initial-banner-text {
      width: 60%;
      margin: 0 20px; 
      text-align: left;
      @media only screen and (max-width:1120px) {
          width: 100%;
          margin: 0 auto;
      }
  }

  .initial-banner-body {
      font-weight: normal;
      font-size: 20px;
      width: 75%;
      margin-bottom: 15px;
      @media only screen and (max-width:1120px) {
          width: 100%;
      }
  }

  .initial-banner-img-cont {
      display: flex;
      @media only screen and (max-width:1120px) {
          display: none;
      }
  }

  #initial-banner-img {
      height: 600px;
      width: 600px;
  }



  .home-articles-title {
      text-align: center;
      color: var(--excerpt-bg);
      width: 90%;
      margin: 10px auto;
      h2 {
          font-size: 40px;
      }
      }

  .home-articles-cont {
      display: flex;
      flex-direction: row;

      @media only screen and (min-width:1120px) {
          padding: 30px;
      }

      @media only screen and (max-width:1120px) {
          flex-direction: column;
      }
  }

    .home-articles-items-cont {
      @media only screen and (min-width:1120px) {
          width: 50%;
          margin: 0 20px;
      }
  }
      
  .home-all-articles {
      background-color: #ddd;
      color: black;
      font-size: 18pt;
      font-weight: bold;
      width: 30%;
      height: 3rem;
      line-height: 3rem;
      border-radius: 4px;
      text-align: center;
      float: inline-end;
      margin: 15px 30px 15px 5px;

      @media only screen and (max-width:1120px) {
          width: 45%;
          margin: 15px;
      }
  }

  .home-all-articles:hover {
      background-color: var(--excerpt-bg);
      color: #FFFFFF;
  }

  /* about us */
  .home-about-us-wrap {
      display: flex;
      flex-direction: row;
      width: 85%;
      margin: 30px;
      @media only screen and (max-width:1120px) {
          width: 90%;
          margin: 30px auto;
          flex-direction: column;
      }
  }

  .home-about-us-rec {
      width: 90%;
      background-color: var(--excerpt-bg);
      height: 10px;
      margin: 20px auto;
  }

  .home-about-us-design {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 30%;
      @media only screen and (max-width:1120px) {
          margin: auto;
          width: 100%;
      }
  }

  .home-about-us-title {
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 25pt;

      h2 {
          text-align: center;
          font-size: 40px;
      }
  }

  .home-about-us-logo {
      display:flex;
      justify-content: center;
  }

  .home-about-us-body {
      width: 70%;
      display: flex;
      flex-direction: column;

      @media only screen and (max-width:1120px) {
          width: 100%;
      }

      h2 {
          text-align: left;
          color: var(--excerpt-bg);
      }

      p {
          margin: 5px 0 30px 40px;
      }
  }

  /* contact us */
  .home-contact-form {
      background-color: white;
      display: flex;
      flex-direction: row;
      width: 90vw;
      margin: 0 auto;
      @media only screen and (min-width:1120px) {
          min-height: 250px;
      }
      @media only screen and (max-width:1120px) {
          height: 20vh;
          margin-top: 30px;
      }
  }
  
  .contact-us-img {
      width: 40%;
      display: flex;
      justify-content: center;
      a {
          text-decoration: none;
      }
      @media only screen and (max-width:1120px) {
          min-width: 150px;
          img {
              max-width: 120%;
          }
      }
  }

  .contact-us-text {
      text-align: left;
      padding-left: 40px;
      display: flex;
      align-items: center; 

      h2 {
      }

      a{
          text-decoration: none;
          color: black;

      }

      a:hover{
          text-decoration: none;
          color: red;
  
      }
  }

  /* investor phrases */
  .investor-phrases-wrap {
      background-color: black;
      color: white;
      display: flex;
      flex-direction: column;
      padding: 100px 0;
      height: 730px;
      @media only screen and (max-width:1120px) {
          height: 600px;
      }

  }

  .investor-phrases-title {
      text-align: center;
      margin-bottom: 50px;
      h2 {
          font-size: 40px;
      }
      h3 {
          font-weight: normal;
      }
  }

  .investor-img {
     @media only screen and (max-width:1120px) {
      height: 150px;
  }       
  }

  .investor-phrases-content {
      display: flex;
      flex-direction: row;
  }

  #investor-countdown {
      color: white;
      font-size: 10px;
  }

  .investor {
      display: flex;
      flex-direction: column;
      /* justify-content: center;*/
      align-items: center;
      margin: auto;
      width: 50%;

      p {
          margin: 5px 0;
      }
  }

  .investor-phrase {
      max-width: 90%;
      text-align: center;
      p {
          text-align: center;
      }

      @media only screen and (max-width:1120px) {
          h3 { 
              font-size: 12px;
          }

          p {
              font-size: 14px;
          }
      }
  }

  .flex {
      display: flex;
  }


  /* error 404 page */

  #not-found-error-wrapper {
      height: 50vh;
      padding: 30px;
  }