* {
    margin: 0; 
    padding: 0; 
}


:root {
    --client-black: #000000; 
    --primary: #035642; 
    --client-white: #fff; 
    --client-gray: #555759; 
    }
 
a:hover {
    color: var(--primary);    
}


  body {
    font-family: "Crimson Pro", serif;
    font-optical-sizing: auto;
    font-style: normal;  
  }

.carousel-inner {
   height: 100vh !important;
}

  .bar {
    padding: 12px 0px; 
    background: rgba(3, 86, 66, 0.5);
    display: flex; 
    justify-content: center; 
    position: absolute; 
    width: 100%; 
    z-index: 999; 
  }   

  .bar-alt {
    padding: 12px 0px; 
    background: var(--primary);
    display: flex; 
    justify-content: center; 
    position: absolute; 
    width: 100%; 
    z-index: 999; 
    margin-bottom: 24px; 
  }   

  .cm-spacer {
    height: 36px; 
  }
   
  .btn-secondary {
      color: var(--client-white);
      background-color: var(--primary); 
      border-color: var(--primary); 
  }
   
  .btn-secondary:hover {
      color: var(--client-white);
      background-color: var(--primary); 
      border-color: var(--primary); 
  }
   
  a {
      color: var(--primary);       
  }

  .my-canman-container {
    padding: 24px 0px; 
  } 

  .top-footer {
    background: var(--client-gray);     
  }

  .top-footer ul {
    list-style-type: none; 
    text-align: center; 
    margin: 0; 
  }

  .top-footer ul li {
    display: inline-block; 
    padding: 20px 15px; 
  }

  .top-footer ul li a, a:hover {
    color: #fff; 
    text-decoration: none; 
  } 

  footer {
    background: var(--primary); 
    display: flex; 
    padding: 20px; 
    color: var(--client-white);     
    padding-bottom: 30px; 
  } 

  footer .signup-button {
    background: var(--primary); 
    font-size: 18px;
    font-family: 'Cinzel', sans-serif;
    text-transform: uppercase; 
    padding: 10px 34px 10px 34px; 
    border-bottom-color: #fff; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #fff; 
  } 

  footer .signup-button:hover {
    background:#0B4638; 
    border-bottom-color: #fff; 
    border-top-color: #fff; 
    border-left-color: #fff; 
    border-right-color: #fff; 
  }

  .scroll-up-arrow a {
    color: #fff; 
  }

  footer h6 {
    font-size: 18px;
    font-family: 'Cinzel', sans-serif;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 20px;
  }

  .scroll-up-arrow {
    display: flex; 
    justify-content: center; 
    padding-bottom: 30px; 
  }

  footer .contact {    
    text-align: center; 
  }
  
  footer .contact a {
    color: #fff; 
    text-align: center; 
  }

  .social-icons i {
    color: #fff; 
    font-size: 28px; 
    padding: 20px; 
  }


  /* Media Queries */ 

  @media (max-width: 768px) {
 
    .top-footer ul li {
        display: block; 
        padding: 12px 12px;
    }

    footer h6 {
        text-align: center; 
    }

    #signup-btn {
        width: 100%; 
        margin-bottom: 8px; 
    }

    .gptw-logo {
        margin-right: auto; 
        margin-left: auto; 
    }

  }
 



  