CSS-Flarum

.site-footer {
    margin:0;
    /*margin-top:64px;*/
    padding-top:30px;
    padding-bottom:30px;
    color:hsla(0,0%,100%,.9);
    box-sizing:inherit;
    text-align:center;
    font-size:1em
}
@media (max-width:991px){
    .site-footer {
    padding-top:0px;
    }
}
.site-footer p {
    margin:0
}
.rm-link-color > p > a {
    text-decoration:none;
    color:#89898c
}
.rm-link-color > p > a:hover {
    text-decoration:underline
}

.fly-fish{
    z-index: -1;
    line-height: 0px;
    height: 350px;
}
footer{
    position: relative;
}
.site-footer{
    position: absolute;
    width: 100%;
    top: calc(100% / 4 * 3);
    transform: translateY(calc(-50% + 10%));
    padding: 0;
}

.App{
    padding-bottom: 0;
}
@media (max-width: 767px){
    .App{
        padding-bottom: 0;
    }
    .App-content {
        padding-bottom: 0;
    }
}