.footer
{
height: 150px;
background: #3498db;
}
.footer-in
{
height: 150px;
width: 960px;
margin: auto;

position: relative;
overflow: hidden;
}
.ramka-vk
{
float: left;
margin-left: 20px;
margin-top: 25px;
}
.ramka-miloserd, .ramka-sexton, .ramka-vova
{
float: right;
margin-right: 20px;
margin-top: 25px;
}
.ramka-vk
{
background: url("../img/podval/vk.svg") no-repeat  center; 
height: 100px;
width: 100px;
border-radius: 50px;
}
.ramka-vk:hover
{
background:url("../img/podval/vk-temn.svg") no-repeat center; 
}
.ramka-facebook
{
background: url("../img/podval/facebook.svg") no-repeat center; 
height: 100px;
width: 100px;
border-radius: 10px;
}
.ramka-facebook:hover
{
background:url("../img/podval/facebook-temn.svg") no-repeat center; 
}
.ramka-vova
{
background: url("../img/podval/vova_temn_fon.svg") no-repeat center;
height: 100px;
width: 210px; 
}
.ramka-vova:hover
{
background: url("../img/podval/vova_temn_fon-temn.svg") no-repeat center;
}
.ramka-miloserd
{
background: url("../img/podval/miloserd.svg") no-repeat center; 
height: 100px;
width: 100px;
}
.ramka-miloserd:hover
{
background:url("../img/podval/miloserd-temn.svg") no-repeat center; 
}
.ramka-sexton
{
background: url("../img/podval/bcentr.svg") no-repeat center; 
height: 100px;
width: 150px;
background-size: auto 100px;
}
.ramka-sexton:hover
{
background: url("../img/podval/bcentr-temn.svg") no-repeat center;
}
.prava{
width: 700px;
font-size: 18px;
color: white;
font-family: "Play-Regular";
text-align: center;

position: absolute;
bottom: 6px;
left: 50%;
transform: translate(-50%,0);
}