#foot ul {
    list-style: none;
    padding-inline-start: 0px;
}



#foot a, #foot p, #foot span {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.364;
    color: #333;
    display: inline-block;
    margin-left: 1.2rem;
    padding: 0;
    vertical-align: top;
}

#foot div {
    display: inline-block;
}

#foot ul:last-of-type li {
    height: 2.1rem;
    width: 15.3rem;
}

    #foot ul:last-of-type li a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

        #foot ul:last-of-type li a:focus, #foot ul:last-of-type li a:hover {
            text-decoration: underline;
        }

    #foot ul:last-of-type li:last-child {
        height: 3.1rem;
    }

        #foot ul:last-of-type li:last-child > a {
            white-space: normal;
        }


#foot ul:last-of-type {
    margin-top: .2rem;
}


/* micro screen*/
@media screen and (max-width:58.865em) {


    #foot .copyright {
        margin-right: 0;
        width: 14.3rem;
    }

        #foot .copyright::before {
            max-width: 11rem;
            width: 11rem;
        }

    #foot footer {
        width: 62.8rem;
    }

    #foot ul:last-of-type {
        display: inline-block;
        height: 12.6rem;
        margin-left: .2rem;
        width: 30.6rem;
    }

        #foot ul:last-of-type li:nth-child(n+7) {
            margin-left: 16.1rem;
        }

        #foot ul:last-of-type li:nth-child(7) {
            margin-top: -12.6rem;
        }
}
/* mini screen*/

@media screen and (min-width:58.875em) {


    #foot .copyright {
        width: 30rem;
    }

        #foot .copyright::before {
            max-width: 26.7rem;
            width: 26.7rem;
        }

    #foot footer {
        width: 94.8rem;
    }


    #foot ul:last-of-type {
        display: inline-block;
    }
}
/*norm screen*/

@media screen and (min-width:58.875em) and (max-width:78.99em) {

    #foot .copyright {
        width: 40rem;
    }

        #foot .copyright::before {
            max-width: 36.7rem;
            width: 36.7rem;
        }

    #foot ul:last-of-type {
        height: 8.4rem;
    }

        #foot ul:last-of-type li:nth-child(n+5):nth-child(-n+8) {
            margin-left: 16.1rem;
        }

        #foot ul:last-of-type li:nth-child(n+9) {
            margin-left: 32.2rem;
        }

        #foot ul:last-of-type li:nth-child(4n+1):nth-child(n+5) {
            margin-top: -8.4rem;
        }
}
/* big screen*/

@media screen and (min-width:79em) {
    #foot .copyright {
        width: 60rem;
        content: "hello";
    }

        #foot .copyright::after {
            max-width: 46.7rem;
            width: 46.7rem;
        }

    #foot ul:last-of-type {
        height: 6.3rem;
    }

        #foot ul:last-of-type li:nth-child(n+4):nth-child(-n+6) {
            margin-left: 16.1rem;
        }

        #foot ul:last-of-type li:nth-child(n+7):nth-child(-n+9) {
            margin-left: 32.2rem;
        }

        #foot ul:last-of-type li:nth-child(n+10) {
            margin-left: 48.3rem;
        }

        #foot ul:last-of-type li:nth-child(3n+1):nth-child(n+4) {
            margin-top: -6.3rem;
        }
}