/* FOOTER */

footer {
    width: 80%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1020' height='110' preserveAspectRatio='none' viewBox='0 0 1020 110'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1438%26quot%3b)' fill='none'%3e%3crect width='1020' height='110' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1439%26quot%3b)'%3e%3c/rect%3e%3cpath d='M8 110L118 0L323.5 0L213.5 110z' fill='url(%26quot%3b%23SvgjsLinearGradient1440%26quot%3b)'%3e%3c/path%3e%3cpath d='M174.3 110L284.3 0L347.3 0L237.3 110z' fill='url(%26quot%3b%23SvgjsLinearGradient1440%26quot%3b)'%3e%3c/path%3e%3cpath d='M345.6 110L455.6 0L662.6 0L552.6 110z' fill='url(%26quot%3b%23SvgjsLinearGradient1440%26quot%3b)'%3e%3c/path%3e%3cpath d='M522.9000000000001 110L632.9000000000001 0L817.4000000000001 0L707.4000000000001 110z' fill='url(%26quot%3b%23SvgjsLinearGradient1440%26quot%3b)'%3e%3c/path%3e%3cpath d='M998 110L888 0L732 0L842 110z' fill='url(%26quot%3b%23SvgjsLinearGradient1441%26quot%3b)'%3e%3c/path%3e%3cpath d='M822.7 110L712.7 0L589.7 0L699.7 110z' fill='url(%26quot%3b%23SvgjsLinearGradient1441%26quot%3b)'%3e%3c/path%3e%3cpath d='M667.4 110L557.4 0L497.4 0L607.4 110z' fill='url(%26quot%3b%23SvgjsLinearGradient1441%26quot%3b)'%3e%3c/path%3e%3cpath d='M489.0999999999999 110L379.0999999999999 0L317.5999999999999 0L427.5999999999999 110z' fill='url(%26quot%3b%23SvgjsLinearGradient1441%26quot%3b)'%3e%3c/path%3e%3cpath d='M914.7177372616995 110L1020 4.717737261699526L1020 110z' fill='url(%26quot%3b%23SvgjsLinearGradient1440%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 110L105.28226273830047 110L 0 4.717737261699526z' fill='url(%26quot%3b%23SvgjsLinearGradient1441%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1438'%3e%3crect width='1020' height='110' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='100%25' y1='50%25' x2='0%25' y2='50%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1439'%3e%3cstop stop-color='rgba(96%2c 11%2c 11%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(107%2c 10%2c 10%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1440'%3e%3cstop stop-color='rgba(84%2c 5%2c 5%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(84%2c 5%2c 5%2c 1)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1441'%3e%3cstop stop-color='rgba(84%2c 5%2c 5%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(84%2c 5%2c 5%2c 1)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    backdrop-filter: brightness(0.35);
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: left;
    padding: 4vw;
    float: right;
  }
  
  .social-media,
  .links {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
  }
  

  .links a {
    margin-right: 0.5vw;
    margin-bottom: 0vw;
    margin-top: 1.5vw;
    color: #fff;
    font-size: 1.3vw;
    text-decoration: none;
    transition: color 0.2s;
  }

  .links a:hover {
    color: #d3d3d3;
  }

  .social-media a {
    margin-right: 1vw;
    color: #fff;
    font-size: 2vw;
    text-decoration: none;
    transition: color 0.2s, margin-top 0.2s ease;
  }
  
  .social-media a:hover {
    color: #ddd;
    margin-top: -0.5vw;
  }
  
  .footer-text {
    margin-top: 0.75vw;
    margin-bottom: -0.1vw;
    font-size: 1vw;
    text-align: left;
    color: #fff;
  }

  .footer-text-link {
    color: #d5d5d5;
    transition: color 0.2s ease;
  }
  .footer-text-link:hover {
    color: #9d9d9d;
  }



  .footer-contact-container {

    position: absolute;
    right: 4vw;
    text-align: right;
    display: block;
    flex-wrap: wrap;
    justify-content: left;
  }
  
  .footer-contact-container h1 {
  
    color: white;
    font-size: 2vw;
    margin-top: -0vw;
    margin-bottom: 0.5vw;
  }
  
  .footer-contact-container a {
  
    color: white;
    font-size: 1vw;
    transition: margin-right 0.2s ease;
    position: relative;
    margin-bottom: 0.3vw;
  }
  
  .footer-contact-container a:hover {
    margin-right: 0.25vw;
  }
  



  @media (max-width: 768px) {

    .footer-contact-container {
      display: none;
    }




    footer {
      align-items: center;
      padding: 4vw;
      border-radius: 0vw;
      position: absolute;
      bottom: 0;
      width: 100%;
    }
  
    .social-media,
    .links {
      justify-content: center;
    }
  
    .footer-text {
      text-align: center;
    }


    .social-media a {
      margin: 0vw 3vw;
      font-size: 8vw;
    }

    .footer-text {
      margin-top: 0.75vw;
      margin-bottom: -0.1vw;
      font-size: 3vw;
    }
    .links a {
      margin: 1vw 2vw;
      margin-bottom: 0vw;
      margin-top: 1.5vw;
      font-size: 3vw;
      text-decoration: none;
      transition: color 0.2s;
    }

  }

  









  .footer-mobile {
    display: none;
  }

  .footer-computer {
    display: flex;
  }

@media (max-width: 768px) {
  .footer-mobile {
    display: flex;
  }
  .footer-computer {
    display: none;
  }
}