.top {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-image: url('../img/footer.jpg');
    background-size: cover;
    background-position: center 75%;
    height: 350px;
    margin-bottom: 50px;
}
.top::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000050;

}
.top h1 {
    position: relative;
    color: #fff;
    letter-spacing: .25rem;
    font-size: 40px;
    text-align: center;
}
.inner h2 {
    padding: 8px;
    font-size: 24px;
    border-left: 12px solid #00e461;
    background: #eee;
    margin: 40px 0;
}
.inner p {
    padding-left: 16px;
    letter-spacing: .2rem;
    font-size: 20px;
    line-height: 38px;
    margin: 0 0 80px 0;
}
.link-list ul {
    margin-left: 60px;
    margin-bottom: 50px;
}
.link-list a {
    text-decoration: underline;
}
.link-list a:hover {
    text-decoration: none;
}
@media screen and (max-width:880px) {
    .top h1 {
        font-size: 30px;
    }
    .inner h2 {
        font-size: 20px;
    }
    .inner p {
        font-size: 16px;
        line-height: 26px;
    }
}