.headerlogo {
        width:150px;
      }

      .margin0 {
        margin: 0 auto;
      }

      .nav-item {
        width: 150px;
        font-weight: 600;
        font-size:1.2em;
      }

      .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 1);

      }

      .navbar-dark .navbar-nav .nav-link:hover {
        color:  rgba(76, 253, 255, 1); /* rgba(252, 66, 17, 1); */
        background-color: rgba(0, 0, 0, 0.1);
      }

      .Aligner {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .Aligner-item {
        max-width: 90%;
        text-align: center;
      }

      .Aligner-item--top {
        align-self: flex-start;
      }

      .Aligner-item--bottom {
        align-self: flex-end;
      }

      .headertitle {
        font-size: 3em;
        color: white;
        text-align: center;
        /*background-color: rgba(0, 0, 0, 0.30);*/
        padding: 10px;
        font-weight: 800;
      }

      .headersubtitle {
        font-size: 2em;
        color: white;
        text-align: center;
        /*background-color: rgba(0, 0, 0, 0.30);*/
        padding: 10px;
      }

      .headerline {
        width: 200px;
        color: white;
        border: none;
        height: 1px;
        background-color: white;
        margin-top: 4em;
      }

      .footerline {
        width: 200px;
        color: white;
        border: none;
        height: 1px;
        background-color: white;
      }
      
      .footertitle {
        color: white;
        font-weight: 600;
        border-bottom: 2px solid white;
      }

      .footertext {
        color: white;
        font-weight: 400;
      }


      .footertext a {
        color: white;
      }
      
      .partnerbutton {
        color: white;
        /*background-color: rgba(50, 177, 54, 0.94);*/
        background-color: rgba(252, 66, 17, 0.8); /*rgba(252, 66, 17, 1);*/
        border: 1px solid white;
        padding: 10px;
        margin-top: 2em; 
      }

      .partnerbutton:hover {
          color: #fff;
          background-color: rgba(54, 193, 83, 0.78);
          border: 1px solid white;
        }

      .headingimage {
        width: 100%;
        max-width:500px;
      }

      .quote {
        color: rgba(252, 66, 17, 1);
        color: white;
        padding: 1em;
        text-align: center;
        font-weight: 800;
      }

      .quotedark {
        color: rgba(252, 66, 17, 0.8); /*rgba(252, 66, 17, 1);*/
     
        padding: 1em;
        text-align: center;
        font-weight: 800;
      }

      .logoimage {
        width: 90%;
        height: auto;
        max-width: 200px;
        padding-top:2em;
        padding-bottom: 2em;
      }

      .projectdetailimage { 
           position: relative; 
           width: 100%; /* for IE 6 */
           margin-bottom: 2em;
           padding: 5px; 
        }

        .projectimage { 
           position: relative; 
           width: 100%; /* for IE 6 */
           margin-bottom: 2em;
           border: 3px solid rgb(251, 255, 54);
           padding: 5px; 
        }

        .projecttag { 
          /*position: absolute;
          max-width: 90%;
          max-height: 200px;
          padding: 0.8em;
          text-align: left;
          background-color: rgba(0, 0, 0, 0.4);
          color: rgb(251, 255, 54);
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          border: 2px solid rgb(251, 255, 54);*/

          position: absolute;
          max-width: 90%;
          max-height: 200px;
          padding: 0.8em;
          text-align: left;
          color: rgb(251, 255, 54);
          bottom: 10%;
          left: 0;
          right: 0;
          margin: auto;
        }

        .projecttitle {
          font-size: 2rem;
          font-weight: 700;
          text-transform: uppercase;
          background-color: rgba(0, 0, 0, 0.8);
          padding: 5px;
        }

        .projectdesc {
          font-size: 1.2rem;
          font-weight: 400;
          background-color: rgba(0, 0, 0, 0.8);
          padding: 5px;
        }

        .projectcard {
          border: 2px solid rgb(255, 162, 57);
          padding: 1em;
        }

        .vertical-align {
            display: flex;
            align-items: center;
        }

        .largep {
          font-size:2em;
        }
      /*mobile css*/
      @media (max-width: 768px) {
        .headertitle {
          font-size: 2em;
        }

        .headersubtitle {
        font-size: 1.5em;
      }

      .headerline {
        margin-top: 2em;
      }
            .navbar { background-color: rgba(0, 0, 0, 0.75) !important; /*replace with desired color*/ } 
      .navbar  { 
        max-width: 100%; padding: 10px; 
      }
    }