footer {background-color:var(--blue); padding:8rem 0rem 2rem 0rem;}
@media (min-width: 768px) {footer {padding:5rem 5rem 2rem 5rem;}}

footer h4, footer p, footer a, footer h5 {text-decoration:none; color:var(--white);}

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

    footer .textbox .footer-logo {height:7rem; width:auto; margin-bottom:2rem;}

    footer .textbox p {width:100%; font-size:2rem;}
    @media (min-width: 768px) {footer .textbox p {width:90%; font-size:1.6rem;}}

    footer .textbox h5 {margin:2rem 0 1rem 0; text-transform:uppercase; font-size:2rem;}
    @media (min-width: 768px) {footer .textbox h5 {font-size:1.4rem;}}

    footer .textbox ul {list-style: none; font-size:1.8rem; margin-bottom:2rem;}
    @media (min-width: 768px) {footer .textbox ul {list-style: none; font-size:1.6rem; display: flex; gap: 1.5rem; margin-bottom:2rem;}}

     footer .textbox ul li a {font-size:2rem;}
     @media (min-width: 768px) {footer .textbox ul li a {font-size:1.6rem;}}

    footer .textbox .phone {display:block; font-size:2rem; margin-bottom:2rem;}
    @media (min-width: 768px) {footer .textbox .phone {font-size:1.6rem; margin-bottom:1rem;}}

    footer .textbox .social-img img {height:4rem; width:auto; margin-bottom:2rem;}
    @media (min-width: 768px) {footer .textbox .social-img img {height:3rem; width:auto; margin-bottom:1rem;}}

    footer .linkbox {margin-left:0rem; margin-top:5rem;}
     @media (min-width: 768px) {footer .linkbox {margin-left:5rem; margin-top:1rem;}}
    
    footer .linkbox h4 {font-family: "adobe-caslon-pro", serif; text-transform:uppercase; font-size:2.1rem; margin-bottom:1rem;}
    @media (min-width: 768px) {footer .linkbox h4 {font-size:1.7rem; margin-bottom:1rem;}}

    footer .linkbox ul {list-style: none;}

        footer .linkbox ul li {margin-bottom:.5rem;}
        @media (min-width: 768px) {footer .linkbox ul li {margin-bottom:.3rem;}}

            footer .linkbox ul li a {font-size:2rem;}
            @media (min-width: 768px) {footer .linkbox ul li a {font-size:1.7rem;}}


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

        footer .attribute a, footer .attribute p {font-size:1.5rem;}