#jh-footer {
    display:block;
    margin-left: 195px;
    padding-top:100px;
    padding-bottom:40px;
    text-align: center;
    color: #aaa;
    transition: margin-left 0.3s ease;
}

ul#jh-footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#jh-footer-links li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 8px;
}

ul#jh-footer-links li:after {
    position: absolute;
    right: -3px;
    content: "\00B7";
    display: inline-block;
    color: #aaa;
    padding:4px 0 2px 0;
}
ul#jh-footer-links li:last-child:after {
    content: "";
    display: none;
}

ul#jh-footer-links li a {
    color: #666;
    text-decoration: none;
    font-size:1.0rem;
    line-height:100%;
    display:inline-block;
    padding:6px 0 2px 0;
}

ul#jh-footer-links li a:hover {
    color:#444;
    border-bottom:2px dotted #444;
}

ul#jh-footer-logos {
    padding:0;
    margin:50px 0 0 0;
    display:block;
    text-align: center;
}
ul#jh-footer-logos li {
    display:inline-block;
    padding:15px 20px;
}
ul#jh-footer-logos li img {
    width:180px;
    height:auto;
}

ul#jh-footer-logos li a#jh-stjg-logo img {
    width:100px;
    height:auto;
}
ul#jh-footer-logos li {
    font-size:40px;
}
ul#jh-footer-logos li a {
    color:#444;
    text-decoration:none;
    opacity:0.4;
}
ul#jh-footer-logos li a:hover {
    opacity: 1;
}

@media (max-width: 1599.98px) {
  #jh-footer {
    margin-left:160px;
  }
}
@media (max-width: 767.98px) {
#jh-footer {
    margin-left:80px;
  }
}
@media (max-width: 575.98px) {
  #jh-footer {
    margin-left: 60px;
  }
}