body {
    background-position: center center;
    background-size: cover;
}

/* Profile */

#profile-image {
    background-image: url(../images/content/Photo.jpg);
    width: 280px;
    height: 280px;
    background-size: 100% 100%;
}

div.name-position {
    height: 115px;
}

div.name, .personal-info h1.name {
    padding-left: 42px;
}

div.motto {
    height: 75px;
    background-image: url(../images/word-cloud.png);
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (max-width: 479px) {
    div.name-position {
        height: 166px;
    }

    div.name, .personal-info h1.name {
        padding-top: 25px;
    }
}

/* CV */
.cv div.text-field.date div.text-field-left {
    height: 100px;
}

.cv div.text-field div.text-field-right {
    overflow: hidden;
    padding-left: 20px;
    position: relative;
}

.cv div.text-field div.text-field-right.collapse {
    height: 116px;
}

.cv div.text-field a.cv-expander {
    display: none;
    float: right;
    position: absolute;
    right: 0;
    top: 110px;
    padding: 3px 25px;
    text-align: center;
    box-shadow: -6px -3px 20px 14px white;
    cursor: pointer;
}

.cv .block-content > .roll-field {
    padding-left: 30px;
}

@media only screen and (max-width: 479px) {
    div.left-sidebar div.roll-with-description div.roll-field {
        width: 240px;
    }

    div.text-field div.text-field-right div.text {
        height: auto;
    }

    .cv div.text-field div.text-field-right.collapse {
        height: 100px;
    }
}

/* Portfolio */
ul#portfolio-menu, ul#projects-menu {
    padding-bottom: 10px;
    float: left;
    width: 100%;
    height: auto;
}