@media screen and (min-width:768px){
    .mobile{
        display: none;
    }

    .footerdiv{
        width: 100vw;
        background-color: #f0f0f0;
    }

    .footer{
        width: 80vw;
        margin-left: 10vw;
        padding-top: 1rem;
        height: 5.8rem;
        position: relative;

    }

    .footer h3{
        font-size: 0.45rem;
        font-weight: 300;
    }

    .footer > div{
        width: 100%;
        overflow: hidden;
        margin-top: 1.2rem;
    }

    .footer .icons{
        width: 70%;
        float: left;
    }

    .footer .icons p{
        margin-top: 0.7rem;
        font-size: 0.22rem;
    }

    .footer .icons img{
        width: 1rem;
        margin-right: 2rem;
    }

    .footer .logo{
        width: 27%;
        float: right;
        text-align: right;
    }

    .footer .logo img{
        width: 1.8rem;
    }

    .footer .logo p{
        font-size: 11px;
        color: gray;
        position: absolute;
        margin-top:0.4rem;
        right: 0;
    }
}