.container {
    max-width: 800px;
}
.h3{
    margin: 2em 0;
}
.upper-half-bg {
    position: relative;
    height: 50vh;
    width: 100%;
    background: rgb(74, 110, 190);
    z-index: 0;
}

.avatar {
    display: inline-block;
    width: 128px;
    height: 128px;
    background-image: url('data:image/jpg;base64,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');
    background-position: 50% 50%;
    border-radius: 50%;
    border: 5px solid #fff;
    box-sizing: border-box;
}

.upper-text {
    position: relative;
    top: -200px;
}

.profession {
    font-size: 2em;
}

.color {
    color: #fff;
}

.skill-head {
    padding-top: 1em;
}

.back-icon {
    position: absolute;
    background-image: url(../img/icons.png);
    /*top: -60px;*/
}

.icon {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 1.5em 3em 1.5em;
    }
.icon:first-child{
    margin-left: 0;
}

.icon-img {
  display: block;
  max-width: 100%;
}

.icon-link {
  display: block;
}

.contacts{
    font-size: 3em;
}
.contact-item i{
    display: inline-block;
    transition: .3s;
}
.contact-item,.contact-item:visited, .contact-item:active{
    color: rgb(168, 168, 168);
    text-decoration: none;
}
.contact-item:hover .icon-github{
    color: #000;
}
.contact-item:hover .icon-paper-plane{
    color: rgb(74, 110, 190);
}
@media (min-width: 768px) {
    .avatar {}
    .upper-text {
        top: -64px;
    }
}
