.footer {
     color: #d3d3d3;
     font-size: 13px;
     line-height: 22px;
     border-top: 1px solid #333333c2;
     overflow-x: hidden;
 }
 
 .footer-secondary {
     font-family: "Roboto", sans-serif;
     width: 100%;
     background-color: #4c443e;
     padding: 24px 0;
     position: relative;
     border-top: 1px solid #292929;
 }
 
 .footer-secondary__inner {
     justify-content: space-between;
     align-items: center;
     padding: 24px 0;
 }
 
 .footer-copyright {
     color: #d3d3d3;
     font-size: 14px;
 }
 
 .footer-copyright a {
     color: #d3d3d3;
     text-decoration: none;
 }
 
 .footer-copyright a:hover {
     color: #fff;
 }
 
 .footer-nav {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     justify-content: flex-end;
     text-align: center;
     font-family: "Exo 2", sans-serif;
     text-transform: uppercase;
     font-size: 12px;
     line-height: 1.2em;
     font-weight: bold;
 }
 
 .footer-nav__item {
     margin-left: 20px;
 }
 
 .footer-nav__item>a {
     color: #d3d3d3;
     text-decoration: none;
     display: inline-block;
     padding: 0.5em;
     transition: color 0.2s ease;
 }
 
 .footer-nav__item>a:hover {
     color: #9e69ee;
 }
 
 .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;
 }
 
 .row {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }
 
 .col-md-4,
 .col-md-8 {
     flex: 1;
 }
 
 @media (max-width: 768px) {
     .footer-secondary__inner {
         flex-direction: column;
         align-items: flex-start;
     }
     .footer-nav {
         justify-content: flex-start;
         margin-top: 10px;
     }
     .footer-nav__item {
         margin-left: 0;
         margin-right: 15px;
     }
 }