footer .footer-menu {
    background: #00a77e;
    border-top: 1px solid #00936f;
    border-bottom: 1px solid #00936f;
    padding: 30px 0;
    color: #ffffff;
}

footer .footer-menu h4 {
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    margin-bottom: 18px;
    text-transform: uppercase;
    margin-top: 25px;
}

footer .footer-menu p {
    margin-top:10px;
    font-size: 13px;
    line-height: 18px;
    font-family: 'Work Sans', sans-serif;
}

footer .footer-menu a {
    color: #ffffff;
    line-height: 24px;
}

footer .footer-menu a:hover {
    color: #ffffff;
    text-decoration: underline;
}

footer .footer-menu button {
    margin-bottom: 20px;
}

footer .footer-menu .element:first-child {
    width: 30%;
}

footer .footer-menu .element:first-child p{
    margin-top:20px;
}

footer .footer-menu .element {
    width: 16%;
}

footer .footer-menu .element:last-child {
    width: 22%;
}

footer .footer-menu .social-icons {
    clear: both;
}

footer .footer-menu .social-icons > a {
    height: 32px;
    width: 32px;
    margin-right: 5px;
    display: inline-block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

footer .footer-menu .social-icons > a:hover,
footer .footer-menu .social-icons > a:active {
    opacity: 0.7
}

footer .footer-menu .social-icons .facebook {
    background-image: url("../images/facebook.svg");
}

footer .footer-menu .social-icons .facebook:hover {}

footer .footer-menu .social-icons .twitter {
    background-image: url("../images/twitter.svg");
}

footer .footer-menu .social-icons .twitter:hover {}

footer .footer-menu .social-icons .linkedin {
    background-image: url("../images/linkedin.svg");
}

footer .footer-menu .social-icons .linkedin:hover {}

footer .footer-menu .social-icons .youtube {
    background-image: url("../images/youtube.svg");
}

footer .footer-menu .social-icons .youtube:hover {}

footer .footer-menu .social-icons .instagram {
    background-image: url("../images/instagram.svg");
}

footer .footer-menu .social-icons .pinterest {
    background-image: url("../images/Pinterest.svg");
}

footer .footer-menu .social-icons .instagram:hover {}

footer .footer-copyrights {
    background: #00936f;
    color: #ffffff;
    padding: 15px 0;
}

footer .footer-copyrights span {
    font-family: 'Work Sans', sans-serif;
    text-align: center;
    display: flex;
    justify-content: center;
}
footer .footer-copyrights a {
    color: #ffffff;
    text-decoration: underline;
    padding-left:10px;
}

.pre-footer-link {
    color: #000000;
}

.pre-footer-link:hover,
.pre-footer-link:hover:active,
.pre-footer-link:hover:focus {
    color: #00a77e;
    text-decoration: none;
}

#pre-footer p{
    font-size:15px;
}
#pre-footer {
    margin-bottom: 20px;
    line-height: 18px;
}

#pre-footer h4 {
    font-size: 18px;
    font-family: 'Work Sans', sans-serif;
    color: #000000;
}

#pre-footer input {
    width: 100%;
    border: 0;
    padding: 10px;
    border: solid 1px #dcd3cd;
}

#pre-footer .additional-info .element {
    width: 20%;
    text-align: center;
}

#pre-footer .additional-info .element .image {
    width: 120px;
    margin: auto;
    height: 150px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#pre-footer .additional-info .element .image.icon-heart {
    background-image: url("../images/Hyva_teko.png");
}

#pre-footer .additional-info .element .image.icon-smile {
    background-image: url("../images/Reilu_tyollistaja.png");
}

#pre-footer .additional-info .element .image.icon-tent-and-tree {
    background-image: url("../images/Saasta_Luonnonvaroja.png");
}

#pre-footer .additional-info .element .image.icon-point {
    background-image: url("../images/Myymalat.png");
}

#pre-footer .additional-info .element .image.icon-megaphone {
    background-image: url("../images/Uutiskirje.png");
}

#pre-footer #newsletter button {
    margin-top: 10px;
}

@media (max-width: 991px) and (min-width: 768px) {
    footer .footer-menu .social-icons {
        text-align: center
    }
    footer .footer-menu p {
        font-size: 12px;
    }
    .text-center-on-smaller {
        text-align: center;
    }
    footer .footer-menu .element:first-child {
        width: 27%;
    }
    footer .footer-menu .element:nth-child(4) {
        width: 19%;
    }
    footer .footer-menu .element:nth-child(6) {
        width: 14%;
    }
    footer .footer-menu .element {
        width: 19%;
    }
    footer .footer-menu .element:last-child {
        width: 19%;
    }
}

@media (max-width: 767px) {
    #pre-footer .additional-info .element {
        margin-left: 20%;
        width: 30%;
        text-align: center;
        margin-bottom: 50px;
    }
    #pre-footer .additional-info .element:nth-child(even) {
        margin-left: 5%;
    }
    #pre-footer .additional-info .element:last-child {
        width: 60%;
        margin-bottom: 0;
    }
    footer .footer-menu .element:first-child {
        width: 60%;
        margin-left: 20%;
        text-align: center
    }
    footer .footer-menu .element {
        margin-left: 20%;
        width: 30%;
    }
    footer .footer-menu .element:nth-child(6) {
        margin-left: 5%;
    }
    footer .footer-menu .element:nth-child(11) {
        margin-left: 5%;
    }
}

@media (max-width: 479px) {
    #pre-footer .additional-info .element {
        margin-left: 5%;
        width: 40%;
        margin-bottom: 50px;
        text-align: center;
    }
    #pre-footer .additional-info .element:last-child {
        width: 50%;
        margin-bottom: 0;
        margin-left: 25%;
        text-align: center;
    }
    footer .footer-menu .element {
        margin-left: 30%;
        width: 30%;
    }
    footer .footer-menu .element:nth-child(6) {
        margin-left: 30%;
    }
    footer .footer-menu .element:nth-child(11) {
        margin-left: 30%;
    }
    footer .footer-menu .element:first-child {
        width: 50%;
        margin-left: 25%;
    }
}