.banner {
    width: 100%;
    height: 316px;
    flex-shrink: 0;
    position: relative;
    display: flex;
}

.banner_background {
    width: 100%;
    height: 100%;
    background: url("../images/banner-image.jpg") lightgray 50% / cover no-repeat;
    filter: blur(3px);
    background-position: 0% 48%;
}

.banner__content {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 25px;
}

.banner__content__logo {
    width: 77px;
    height: 77px;
    flex-shrink: 0;
    position: relative;
    top: 16px;
}

.banner__content__logo img {
    width: 100%;
    object-fit: cover;
}

.banner__content__name {
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

.banner__content__link {
    display: flex;
}

.banner__content__link__home {
    font-weight: 500;
    line-height: normal;
}

.banner__content__link__other {
    font-weight: 300;
    line-height: normal;
}

@media (max-width: 768px) {
    .banner_background {
        background-position: 0% 10%;
    }

}