/*-- CTA --*/

.cta {
    position:relative;
    z-index:1;
}

.cta .background {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
    
}

.cta .dog {
    position:absolute;
    bottom:-40.25rem;
    right:1rem;
    height:39rem;
    width:auto;
}

@media (min-width: 768px) {.cta .dog { top:4.5rem; right:9rem;  height:43rem;}}

    .cta .textbox {
        margin:7rem 3rem;
        width:100%;
    }

    @media (min-width: 768px) {.cta .textbox {width:50%; margin:7rem 12rem;}}

    .cta p {
        color:#fff;
        font-size:1.7rem;
        padding-right:3rem;
    }

/*-- Footer --*/

footer {
    margin-top:37.5rem;
    background-color:#002957;
    text-align:center;
    padding-top:9rem;
}

@media (min-width: 768px) {footer {margin-top:.25rem; text-align:left; padding-top:0;}}

footer .textbox {margin:1rem auto 5rem auto;}

@media (min-width: 768px) {footer .textbox {margin:4rem auto 5rem auto;}}

footer .textbox .logo {height:16rem; margin-bottom:1.5rem;}

@media (min-width: 768px) {footer .textbox .logo {height:14rem;}}

footer .textbox .bbb {height:11rem; border-radius:.75rem;}

footer .textbox h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight:900;
    font-size:3rem;
    color:#fff;
    text-decoration:none;
    margin-bottom:2rem;
}

@media (min-width: 768px) {footer .textbox h5 {font-size:1.9rem; margin-bottom:1rem;}}

footer .textbox a,
footer .textbox p {
    display:block;
    font-size:2.2rem;
    color:#fff;
    text-decoration:none;
    margin-bottom:1rem;
}

@media (min-width: 768px) {footer .textbox a, footer .textbox p  {font-size:1.4rem; margin-bottom:.5rem;}}

footer .textbox a:hover,
footer .textbox a:active {
    color:#FFE501;
    transition:.2s;
}

footer .attribute {
    background-color:#FF5722;
    border-top:.5rem #fff solid;
}

footer .attribute p {
    color:#fff;
    padding:1.1rem 0 .0 0;
    font-size:1.5rem;
}

@media (min-width: 768px) {footer .attribute p  {font-size:1.3rem;}}

footer .attribute a {
    color:#fff;
    text-decoration:none;
    font-size:1.5rem;
}

@media (min-width: 768px) {footer .attribute a  {font-size:1.3rem;}}

footer .attribute a:hover,
footer .attribute a:active {
    color:#002957;
    transition:.2s;
}