footer{
        background-color: #65707e;
        margin-bottom: 0;
    }
    .footer-wrapper{
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-auto-rows: minmax(100px, auto);
        grid-template-areas: 'logo navigate';
        padding: 40px 10px 20px 20px;
        gap: 10%;
        justify-items: end;
        align-items: center;
    }

    .foot-logo-sect {
        grid-area: logo;
        display: grid;
        justify-items: center;
        align-items: center;
        justify-content: center;
    }

    .foot-logo-sect img {
        padding-bottom: 20px;
    }

    .foot-list-sect {
        grid-area: navigate;
        display: grid;
        justify-content: center;
        justify-items: center;
        align-items: end;
        margin-right: 25%;
    }

    .nav-foot{
        display: flex;
        gap: 3rem;
        list-style-type: none;
        font-weight: bold;
        letter-spacing: 0.05rem;
    }

    .info-link {
        text-decoration: underline;
        color: white;
    }


    .social-foot {
        display: flex;
        gap: 4rem;
        list-style-type: none;
    }

    .anchor {
        background-color: #318cdd;
        color: white;
        font-size: 12px;
        padding: 2px 0 10px 10rem;
    }

    .home-brd, .about-brd, .careers-brd, .contact-brd {
        transition: .2s ease-in-out;
    }

    .home-brd:hover, .about-brd:hover, .careers-brd:hover, .contact-brd:hover {
        transform: scale(1.2);
    }

    .meta, .twitter, .pinterest, .youtube, .tiktok {
        transition: .2s ease-in-out;
    }

    .meta:hover {
    transform: scale(1.2); 
    }

    .twitter:hover {
    transform: scale(1.2);
    }

    .pinterest:hover {
    transform: scale(1.2);
    }

    .youtube:hover {
    transform: scale(1.2);
    }

    .tiktok:hover {
    transform: scale(1.2);
    }

    .foot-link {
        text-decoration: none;
        color: white;
    }
    .visitor-agree{
        text-decoration: underline;
        /* font-weight: bold; */
    }

    .privacy-statement{
        text-decoration: underline;
        /* font-weight: bold; */
    }


    @media(max-width:1200px){

    }
    
    @media(max-width:1100px){
    
    }

    @media(max-width:1000px){
        .footer-wrapper {
            display: flex;
            flex-direction: column;
        }

        .foot-list-sect {
            margin-right: 0;
        }

        .nav-foot {
            flex-direction: column;
            gap: 1.5rem;
            padding-left: 0;
            align-items: center;
        }

        .social-foot {
            justify-content: center;
            align-items: center;
            padding-left: 0;
            gap: 2rem;
        }

        .anchor {
            text-align: center;
            padding: 1% 5%;
        }
    }
    
    @media(max-width:700px){
    
    }

    @media(max-width:600px){

    }
    
    @media(max-width:500px){
    
    }