@font-face {
    font-family: "Roboto-Light";
    src: url("type/roboto-light.eot");
    src: local("☺"), url("type/roboto-light.woff") format("woff"), url("type/roboto-light.ttf") format("truetype"), url("type/roboto-light.svg#Roboto-Light") format("svg");
}

body {
    margin: 50px 20px 50px 20px;
}

#container {
    margin: 0 auto 0 auto;
    max-width: 500px;
}

#header {
    height: 155px;
    background: url(images/header.png) no-repeat;
    background-size: 180px;
}

#page {
    background-image: url(images/bg.jpg);
    background-size: 640px;
    background-repeat: repeat;
    line-height: 55px;
    font-family: "Roboto-Light", Arial;
    font-size:24px;
    padding: 40px 40px 15px 40px;
    border: 1px solid #8f784d;
}

#shadow {
    height: 20px;
    background: url(images/shadow.png) no-repeat;
    background-size: contain;
}

footer {
    font-size: 15px;
}

a {
    color: #FFF;
    padding: 0.126em 0.336em 0.21em 1.68em;
    text-decoration: none;
    background-size: 1.26em;
    background-position: 0.21em 0.21em;
    background-repeat: no-repeat;
}

a:hover {
    background-color: black !important;
}

#link_linkedin {
    background-color: #007FB1;
    background-image: url(images/linkedin.png);
}

#link_behance {
    background-color: #1769FF;
    background-image: url(images/behance.png);
}

#link_email {
    background-color: grey;
    background-image: url(images/email.png);
}