#top-logo-contacts {
    width: unset;
    height: unset;
    text-shadow: 0px 1px 2px #363636;
    font-size: 120%;
    -webkit-box-shadow: 2px 4px 10px -1px rgba(29, 29, 29, 0.3);
    box-shadow: 2px 4px 10px -1px rgba(29, 29, 29, 0.3);
}

#cards-contacts {
    background: url(../images/white.png);
    background-size: 250px 250px;
        margin: 0 2%;
}


.contacts-p {
    color: black;
    text-shadow: 0px 1px 2px #c3c3c3;
    font-size: 115%;
    font-weight: bold;
    padding-left: 10px;
    margin-top: 20px;
}

.before-text {
    color: white;
    text-shadow: 0px 1px 2px #717171;
    background: #4c4c4c;
    border-bottom: 2px solid tomato;
    cursor: pointer;
    font-size: 95%;
    font-weight: normal;
    padding: 2px 5px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
        font-family: 'CHAWP';
}

.foot-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #848484;
}

.footer-logo {
   position: absolute;
    bottom: 40px;
    text-align: center;
    width: 13%;
    display: table;
    margin: auto;
}

.foot-img2 {
    width: 70%;
    height: 70%;
    margin: 15% 15%;
    -webkit-box-shadow: 2px 4px 10px -1px rgba(29, 29, 29, 0.5);
    box-shadow: 2px 4px 10px -1px rgba(29, 29, 29, 0.5);
}




@media only screen and (max-width: 969px) {
#cards-contacts {
    margin: 5% 2%;
    height: 250px; }

.footer-logo {
    bottom: -21px;
    width: 30%;
    margin: 0 35%;
}

.foot-text {
    bottom: -54px;}

}