.name{
    color: #a2926d;
    font-size: 4em;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.portrait{
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 10px 1px #a2926d;
    -moz-box-shadow: 0px 0px 10px 1px #a2926d;
    box-shadow: 0px 0px 10px 1px #a2926d;

    border-width: 15px;
    border-color: #a2926d;
    border-style: solid;
    transition: border-width 1s, border-color 1s;

    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.portrait:hover{
    border: 5px solid #a2926d;
}
.column{
    margin: 0 auto;
}
html
{
    background: url("../background.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.columns{
    position: absolute;
    top: 50%;
    left: 52.5%;
    transform: translate(-50%, -50%);
}
.social{
    border-radius: 50%;
    width: 10%;
    position: absolute;
    bottom: 0;
    right: 30%;
    transition: all .3s ease-in-out;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.social:hover{
    transform: scale(1.2);
}

@media only screen and (max-width: 768px){
    .social{
        bottom: 5%;
        right: 20%;
        width: 15%;
    }
    .portrait{
        border-width: 5px;
    }
    .portrait:hover{
        border-width: 2px;
    }
}