@media screen and (min-width: 320px) {
    .socialmedia {
        width:100%;
        position:fixed;
        bottom:0px;
        margin:0 auto;
        z-index: 0;
    }
}

@media screen and (min-width: 1281px) {
    .socialmedia {
        position:absolute; 
        bottom:0; 
        z-index:0; 
    }
}


.socialmedia > ul {
    overflow: auto;
}

.socialmedia > ul > li {
    list-style-type: none;
    float: left;
}

@media screen and (min-width: 320px) {
        .socialmedia > ul > li > a > i {
        background: #205D7A;
        color: #fff;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        font-size: 18px;
        text-align: center;
        margin-right: 8px;
        padding-top: 15%;
        transition: all 0.2s ease-in-out;
    }

}

@media screen and (min-width: 1281px) {
    .socialmedia > ul > li > a > i {
        background: #205D7A;
        color: #fff;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        font-size: 25px;
        text-align: center;
        margin-right: 10px;
        padding-top: 15%;
        transition: all 0.2s ease-in-out;
    }
}

.socialmedia.fa-facebook {
    background:#3b5998
} 
.socialmedia.fa-linkedin {
    background:#007bb6
}
.socialmedia.fa-twitter {
    background:#00aced
}
.socialmedia.google-plus {
    background:#dd4b39
}
.socialmedia > ul > li > a > i:hover {
    opacity: .7;
}