header p{
    padding: 50px;
}

.footer{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    padding: 50px;
    color: black;
}

.footer > *{
    flex: 1 100%;
}

.l-footer{
    margin-right: 1.25em;
    margin-bottom: 2em;
}

h2{
    font-weight: 900;
    font-size: 16px;
}

.footer ul{
    list-style: none;
    padding-left: 0;
}

.footer li{
    line-height: 2em;
}

.footer a{
    text-decoration: none;
}

.r-footer{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
}

.r-footer > *{
    flex: 1 50%;
    margin-right: 1.25em;
}

.box a{
    text-decoration: none;
    
}

.h-box{
    column-count: 2;
    column-gap: 1.25em;
}

.b-footer{
    text-align: center;
    padding-top: 50px;
}

.l-footer p{
    padding-right: 20%;
}

@media screen and (min-width: 600px){
    .r-footer > *{
        flex: 1;
    }
    .features{
        flex-grow: 2;
    }
    .l-footer{
        flex: 1 0px;
    }
    .r-footer{
        flex: 2 opx;
    }
}