.DesktopFooter{
    padding: 0 125px 0 125px; 
    background-color: black;
    height: 400px;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.DesktopFooterContainer{
    color: white;
    li{list-style: none; padding: 15px 0px 0px 0px; transition: 0.5s ease; padding-left: 2px;}
    li a{color: white; text-decoration: none; font-size: 15px;}
    li:hover{transform: translate(-3px, -5px);}
    h4{font-size: 25px;}
}

.DesktopFooterContainer-1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    h4{font-size: 1vw !important;}
}

.DesktopFooterContainer-2, .DesktopFooterContainer-3{
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.MobileFooter{
    display: none; 
    color: white;
    height: 400px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: black;
    
    li{list-style: none;}
    li a{text-decoration: none; color: white;}
    h4{font-size: 3vw;}
}

.MobileFooterContainer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.CopyRight{
    color:white;
    background-color: rgb(43, 43, 43);
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

@media(max-width:768px){
    .MobileFooter{display: flex;}
    .DesktopFooter{display: none;}
}

@media(max-width:425px){
    .MobileFooter{display: flex; h4{font-size: 4vw;}}
    .DesktopFooter{display: none;}
}