/* ==================================================================FOOTER=================================================================== */
.footer {
   height: 100%;
   padding-left: 15%;
   padding-right: 15%;
   background-color: #3f4040;
   color: white;
 }
 
 .footer .container {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   box-sizing: border-box;
   padding-top: 4rem;
   padding-bottom: 4rem;
 }
 
 .footer .container .logo {
   width: 40%;
   padding-top: 0.5rem;
 }
 
 .footer .container .logo img {
   width: 100%;
   max-width: 200px;
   height: auto;
 }
 
 .footer .container .links {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
 .footer .container .links a {
   font-size: 0.9rem;
   text-decoration: none;
   padding-bottom: 1rem;
   cursor: pointer;
   text-align: start;
   padding-left: 50%;
   box-sizing: border-box;
 }
 
 .footer .container .links a:hover {
   color: #42946a;
 }
 
 .footer .container .address {
   width: 50%;
 }
 
 .footer .container .address div {
   font-size: 0.9rem;
   padding-bottom: 1rem;
   text-align: start;
   width: 100%;
   padding-left: 50%;
   box-sizing: border-box;
 }
 
 .footer .rights {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.15rem;
   font-size: 0.9rem;
   text-align: center;
   padding: 0 5%;
   padding-bottom: 3rem;
   padding-top: 2rem;
   border-top: 1px solid gray;
 }
 
 .footer .rights .socials{
   display: flex;
   justify-content: center;
   align-items: center;
 
   gap: 1rem;
 }
 
 .footer .rights .socials i{
   color: white;
   font-size: 1.4rem;
 }
 
 .footer .rights .content{
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .footer .rights p{
   padding-right: 0rem;
   padding-left: 0rem;
   font-size: 1rem ;
 }

 .footer .address .socials{
   display: flex;
   justify-content: start;
   align-items: center;
   gap: 1rem;

   cursor: pointer;
 }

 .footer .address .socials i{
   color: white;
   font-size: 1.2rem;
   transition: all 0.3s ease;
 }

 .footer .address .socials i:hover{
   color: #42946a;
 }
 
 @media only screen and (max-width: 1050px) {
   .footer .rights {
     width: 100%;
     flex-direction: column;
     font-size: 0.8rem;
     text-align: center;
     padding: 0;
     padding-bottom: 3rem;
     padding-top: 3rem;
     border-top: 1px solid gray;
   }
 
   .footer .rights .socials{
     padding-top: 1.5rem;
   }
 }
 
 
 @media only screen and (max-width: 768px) {
   .footer{
     padding: 0;
   }
 
   .footer .container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding-top: 3rem;
     padding-bottom: 2rem;
     box-sizing: border-box;
 
     gap: 2rem;
   }
 
   .footer .container .links a {
     text-decoration: none;
     padding-bottom: 0.4rem;
     font-size: 1rem;
     font-weight: 400;
     cursor: pointer;
     padding-left: 0;
     text-align: center;
   }
 
   .footer .container .address div {
     padding-bottom: 0.2rem;
     font-size: 1rem;
     font-weight: 400;
     padding-left: 0;
     text-align: center;
   }
 
   .footer .rights {
     width: calc(100% - 1rem);
     flex-direction: column;
     font-size: 0.8rem;
     text-align: center;
     padding: 0;
     padding-bottom: 3rem;
     padding-top: 2rem;
     border-top: 1px solid gray;
   }
 
   .footer .socials{
     padding-top: 1rem;
     display: flex !important;
     flex-direction: row !important;
     justify-content: center !important;
     align-items: center !important;
   }
 
   .footer .content{
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     font-size: 0.8rem;
 
     padding: 0 0.5rem;
     box-sizing: border-box;
   }
 
   .footer .rights #rights-reserved-year{
     font-size: 0.8rem;
   }

   .footer .container .logo {
    width: 50%;
   }

   .footer .container .logo img {
    max-width: 90vw;
   }
 }