footer {position:relative;}

footer img {
    position:absolute;
    bottom:0;
    left:0;
    width:200%;
    height:auto;
    z-index:-1;
}

@media (min-width: 768px) {footer img {width:100%;}}

footer .textbox {
    background-color:var(--yellow);
    border-radius:30px;
    padding:5rem;
    margin-bottom:5rem;
}

footer .textbox h2 {font-size:4rem; width:100%; margin:2rem auto;}

@media (min-width: 768px) {footer .textbox h2 {width:60%;}}

footer .textbox p {
    width:100%;
    margin:1rem auto 2.5rem auto;
}

@media (min-width: 768px) {footer .textbox p {width:55%;}}

footer .textbox .btn {
    font-size:1.8rem;
    padding:1rem 3rem;
}

footer .attribute {margin-bottom:4rem;}

footer .attribute p,
footer .attribute a {
    text-decoration:none;
    color:#fff;
}

footer .attribute a:hover,
footer .attribute a:active {
    color:var(--yellow);
    transition:.3s;
}