@media screen and (min-width: 999px){
    .contact,.more{
        width: 50vw;
    }
    .about div h2{
        margin: 10vh 0 3vh 12vw;
    }
    .about div li{
        margin: 1vh 0 0 14vw;
    }
}
@media screen and (max-width: 999px){
    .contact,.more{
        width: 100vw;
    }
    .about div{
        text-align: center;
    }
}
.about{
    font-family: GravityBold;
    flex-wrap: wrap;
    display: flex;
}
.about div h2{
    font-size: 4vh;
    color: #f2f2f2;
}
.about div li{
    padding: 10px 10px;
    list-style: none;
}
.about div li a{
    color: #f2f2f2;
    text-decoration: none;
    font-size: 3vh;
}