.phn-top{
    content: url(../icons/phone-top.png);
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.mail{
    content: url(../icons/mail.png);
    display: inline-block;
    margin-right: 10px;
    margin-top: .2vw;
}
.fb{
    margin-left: 10px;
    content: url(../icons/facebook.png);
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: .7vw;
}
.insta{
    content: url(../icons/instagram.png);
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: .7vw;
}
.twitter{
    content: url(../icons/twitter.png);
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: .7vw;
}
.lnkd{
    content: url(../icons/linked-in.png);
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: .7vw;
}
.youtub{
    content: url(../icons/youtube-play.png);
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 9px;
}
.appartment {
    display: block;
    text-indent: -9999px;
    width: 75%;
    height: 115px;
    background: url(../icons/apartment.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #bcbdc1;
    border-radius: 65px;
    margin: auto;
}
.appartment:hover{
    background-image: url(../icons/apartment-hover.svg);
}
.health-care {
    display: block;
    text-indent: -9999px;
    width: 75%;
    height: 115px;
    background: url(../icons/care.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #bcbdc1;
    border-radius: 65px;
    margin: auto;
}
.health-care:hover{
    background-image: url(../icons/care-hover.svg);
}
.university {
    display: block;
    text-indent: -9999px;
    width: 75%;
    height: 115px;
    background: url(../icons/university.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #bcbdc1;
    border-radius: 65px;
    margin: auto;
}
.university:hover{
    background-image: url(../icons/university-hover.svg);
}
.factory {
    display: block;
    text-indent: -9999px;
    width: 75%;
    height: 115px;
    background: url(../icons/factory.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #bcbdc1;
    border-radius: 65px;
    margin: auto;
}
.factory:hover{
    background-image: url(../icons/factory-hover.svg);
}
.hospital {
    display: block;
    text-indent: -9999px;
    width: 75%;
    height: 115px;
    background: url(../icons/hospital.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #bcbdc1;
    border-radius: 65px;
    margin: auto;
}
.hospital:hover{
    background-image: url(../icons/hospital-hover.svg);
}