.main {
     height: 100vh;
     position: relative;
 }

 .footer {
     left: 0;
     right: 0;
     bottom: 0;
     position: fixed;
     z-index: 99;
 }

 .tagline {
     width: 80%;
 }

 .tagline h3 {
     font-size: 26px;
     color: var(--bw6);
 }

 .tagline h4 {
     font-size: 20px;
     color: var(--bw6);
 }

 .tagline span {
     font-size: 14x;
     color: var(--bw6_5);
 }

 .navigation {
     min-height: 20vh;
     margin: 0 0 50px;
 }

 .navigation ul li>div {
     background: var(--bw6);
 }

 .navigation ul li span {
     font-size: 14px;
     color: var(--bw3);
 }

 .navigation ul li {
     width: 100%;
 }

 .navigation ul li .icon {
     width: 50px;
     height: 50px;
 }

 .navigation ul li .more {
     background: var(--bw4);
 }

 .navigation ul li .more p {
     font-size: 14px;
     color: var(--bw6);
 }

 .navigation ul li .more .icon {
     width: 15px;
     height: 15px;
 }

 .copyright p {
     opacity: 0.5;
     font-size: 14px;
     color: var(--bw6);
 }

 @media (max-width: 800px) {
     .cardFrame {
         min-height: 40vh;
     }
 }