.footer {
    min-width: 900px;
    min-height: 220px;
    width: 100%;
    height: 240px;
    overflow: hidden;

    &__item {
        position: absolute;
        left: 0px;
        min-width: 900px;
        min-height: 200px;
        height: 200px;
        width: 100%;
    }

    &__hills {
        background: transparent url('../../resources/hills.svg') 0px 80px repeat-x;
        background-size: 859px 75px;
    }

    &__clouds {
        background: transparent url('../../resources/clouds.svg') 0px 100px repeat-x;
        background-size: 944px 61px;
    }

    &__copyright {
        font-size: 12px;
        position: relative;
        bottom: -200px;
        text-align: center;
        a {
            color: #38f;
        }
    }
}


@media (max-width: 768px) {
    .footer {
        min-width: 0;
        &__item {
            min-width: 0;
        }

        &__hills {
            background-size: 428px 40px;
        }

        &__clouds {
            background-size: 318px 23px;
        }
    }
}