#content_bottom a .on{display: none;}
@media screen and (min-width: 768px){
  #content_bottom a:hover .on{display: inline;}
  #content_bottom a:hover .off{display: none;}
}

#content_bottom{
  max-width: 940px;
  margin: 40px auto;
}
#content_bottom .bottom--logo{
  max-width: 240px;
  margin: 0 0 35px;
}
#content_bottom .bottom--lists{}
#content_bottom .bottom--lists:after{
  content: "";
  display: block;
  clear: both;
}
#content_bottom .bottom--list{
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
#content_bottom .bottom--list-last{margin: 0 0 0 0;}

@media screen and (max-width: 768px){
  #content_bottom{
    width: 91%;
  }
  #content_bottom .bottom--list{
    width: 24%;
    margin: 0 1% 10px 0;
  }
}
@media screen and (max-width: 568px){
  #content_bottom .bottom--list{
    width: 32.3%;
    margin: 0 1% 20px 0;
  }
}