@font-face{
    font-family: roboto;
    src: url('../police/Roboto-Medium.ttf');
}
footer{
    width: 100%;
    height: 40vh;
    background: #abcf47;
    display: flex;
    flex-direction: column;
}
footer div{
    width: 100%;
}
footer .footer-up{
    width: 100%;
    height: 80%;
    background: #8aa73b;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-up div{
    width: 25%;
    height: 100%;
    color: #fff;
    font-family: roboto;
    font-weight: normal;
    padding-left: 10px;
}

.footer-up div h1{
    text-align: center;
}
.footer-up div p{
    text-align: center;
}
.footer-up div p img{
    cursor: pointer;
    transition: .5s ease-in-out;
}
.footer-up div p img:hover{
    transform: translateY(10px);
}
.footer-up form{
    width: 100%;
    text-align: center;
}
.footer-up form input{
    border: 2px solid #fff;
    border-radius: 3px;
    background: #8aa73b;
    color: #fff;
}
.footer-up form input,.footer-up form button{
    padding: 10px;
}
.footer-up form button{
    background: #abcf47;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
}


footer .copyright{
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #494949;
    font-family: roboto;
    font-weight: lighter;
}