body{
    background: #eee;
    font-family: Sans-Serif;
    font-size:32px;
    padding-left: 4em;
    padding-right: 4em;
}
div.center {
    text-align:center;
    padding-top: 12px;
}
div.left-column, div.right-column{
    display: inline-block;
}
div.left-column{
    width: 60%;
    float: left;
}
div.right-column{
    width: 40%;
}
div#icons{
    margin: 0 auto;
}
span#name{
    font-size:128px;
}
a{
    text-decoration: none;
    font-weight: bold;
    color: black;
}
ul{
    list-style-type: none;
    overflow:hidden;
    width: 100%;
    padding-left: 0px;
}
li{
    line-height:1em;
    float:left;
    display:inline;
    width:50%;
    padding-bottom: 2em;
}

@media all and (max-width: 1024px) {
    body{
        padding-left: 1em;
        padding-right: 1em;
    }
    span#name{
        font-size:96px;
    }
}
@media all and (max-width: 800px) {
    div.left-column, div.right-column{
        width:100%;
    }
    span#name{
        font-size:64px;
    }
    body{
        font-size:24px;
    }
}
@media all and (max-width: 600px) {
    span#name{
        font-size:48px;
    }
}
@media all and (max-width: 320px) {
    span#name{
        font-size:32px;
    }
}