/* 
======================================================================== 
                             5. FOOTER
======================================================================== 
*/

/* 
*******************************
4.1 TYPOGRAPHY (NAV)
*******************************
*/
footer{
    font-family: 'Montserrat';
    font-size: 14px;
    letter-spacing: 0;
}


/* 
*******************************
4.2 LAYOUT (NAV)
*******************************
*/




footer {
    margin-top: 25px;
     background-color: black;
    width: 100%;
}

.footer-main-wrapper {
    background-color: black;
    display: flex;
    justify-content: space-evenly;
}

.footer-disclaimer{
    padding:25px;
    width:40%;
    margin:15px;
    background: rgb(129 133 129 / 20%);    
}

.footer-colab{
    margin:15px;
    padding:25px;
    width: 40%;
    background: rgb(129 133 129 / 20%);
}

.foorter-button-main-wrapper{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.disclaimer-link, .partner-link{
    display:none;
}


/* 
*******************************
4.3 SOCIALS
*******************************
*/

.socials{
  margin-block: clamp(2rem, 2.5vw, 3rem);
      display: flex;
    justify-content: space-around;
    font-size: 35px;
}
.socials a {
  color: whitesmoke;

  text-decoration: none;
  background-color: transparent;

}

.socials a:hover{
  color:red;
}

.fa {
    padding: 20px;
    font-size: 130px;
    width: 150px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
  }



  @media only screen and (max-width : 1600px) {



  .disclaimer-link, .partner-link{
    display:block;
    text-align: center;
    letter-spacing: 3px;
    word-spacing: 5px;
    font-size: clamp(1rem, 2vw, 5rem);
    text-decoration: none;
    color: whitesmoke;

  }

  .footer-disclaimer, .footer-colab {
width:auto;
margin: auto;


  }
.footer-main-wrapper{

    justify-content: space-between;

}

  .footer-disclaimer p, .footer-colab p{
    display:none;
  }

  .foorter-button-main-wrapper {
    margin-top: 30px;
  }
}

@media only screen and (max-width : 870px) {
    .footer-disclaimer, .footer-colab {
        display:none;
        
        
          }

    .footer-main-wrapper{
        display:flex;
        justify-content: center;    }


}