.social1 {
    position: relative;
    height: 15.5em;
    width: 38.5em;
    margin: 23px 85px ;
    margin-bottom:65px;
}

    .social1 li {
        display: block;
        height: 11em;
        width: 11em;
        line-height: 4em;
        margin: -2.2em;
        position: absolute;
        -webkit-transition: -webkit-transform .7s;
        -moz-transition: -moz-transform .7s;
        -ms-transition: -ms-transform .7s;
        -o-transition: -o-transform .7s;
        transition: transform .7s;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        /*text-align: center;*/
    }

    .social1 a {
        color: #fffdf0;
        display: block;
        height: 11em;
        width: 11em;
        line-height: 6em;
        text-align: center;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.social1 li:hover {
    -webkit-transform: scale(1.3,1.3) rotate(45deg);
    -moz-transform: scale(1.3,1.3) rotate(45deg);
    -ms-transform: scale(1.3,1.3) rotate(45deg);
    -o-transform: scale(1.3,1.3) rotate(45deg);
    transform: scale(1.3,1.3) rotate(45deg);
    
}

.facebook {

    border:solid; 
    /*border-color: #155b9d;*/
    left: 0;
    top: 0%;
}

.twitter {
    border: solid;
    border-color: #1a9ec4;
    bottom: 0;
    left: 25%;
}

.facebook2 {
    border: solid;
    border-color: #155b9d;
    left: 50%;
    top: 0%;
}

.twitter2 {
    border: solid;
    border-color: #1a9ec4;
    bottom: 0;
    left: 25%;
}

.pinterest {
    border: solid;
    border-color: #e11a30;
    left: 50%;
    top: 0%;
}

.behance {
    border: solid;
    border-color: #3f7aa3;
    bottom: 0;
    left: 75%;
}

.HR {
    border: solid;
    border-color: #e11a30;
    left: 100%;
    top: 0%;
}

.MR {
    border: solid;
    border-color: #3f7aa3;
    bottom: 0;
    left: 125%;
}

.behance2 {
    border: solid;
    border-color: #3f7aa3;
    top: 0%;
    left: 50%;
}

.behance3 {
    border: solid;
    border-color: #3f7aa3;
    bottom: 0;
    left: 75%;
}

