footer {
	background: #f6f6f6;
	padding: 5px;
  position: relative;
  border-top: #ccc 1px solid;
}


  footer ul li a{
    color: rgb(51, 51, 51);
    text-decoration: none;
    font-weight: normal;
    list-style-type: none;
    padding: 0px
    font-weight: bold;
  }
  
  
  footer section {
    display: flex;
    justify-content: flex-start;
    gap: 18%;
    margin-top: 30px;
    margin-left: 80px;
    margin-bottom: 30px;
    position: relative;
    bottom: 10px;
    border-bottom: 1px solid #ccc;
  }

  footer .flex2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: baseline;
  }
  footer .flex2 ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }
  .flex2 ul li::before{
    content: "•"; 
    color: #ccc; 
    font-size: 1.5em; 
    margin-right: 5px;
    vertical-align: middle;
  }

  footer a:hover {
    text-decoration: underline;
  }
  
  footer a{
    color: black;
  }
 



  /*RESPONSIVE*/


  @media screen and (max-width: 745px) {
    footer section {
       flex-direction: column; 
     }
 
     footer div{
         flex-direction: column; 
       }
   
     footer .flex {
       margin-bottom: 15px; 
     }

     footer ul{
      padding-bottom: 25px;
     }
     footer .flex div+div{
      border-top: 1px solid #ccc;
     }
     }