footer {
    @media (max-width: 1239px) {

        padding-bottom: 40px;

        .logo img {
            width: 141px;
            height: 43px;
        }

        .logo {
            display: block;
            margin-bottom: 30px;
        }

        .email {
            font-family: var(--font-family);
            font-weight: 600;
            font-size: 36px;
            color: #373737;

            display: block;
            text-decoration: none;

            margin-bottom: 30px;
        }

        .group {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .primary {
            width: 100%;
            margin-bottom: 50px;
        }

        .secondary {
            width: auto;
            margin-bottom: 50px;
        }

        .thirdy {
            width: 100%;
        }

        .headline {
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 18px;
            color: #696969;

            margin-bottom: 40px;
        }

        .list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .list a {
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 18px;
            color: #fff;

            text-decoration: none;
        }
    }

    @media (min-width: 1240px) {

        padding-bottom: 30px;

        .logo img {
            width: 141px;
            height: 43px;
        }

        .logo {
            display: block;
            margin-bottom: 24px;
        }

        .email {
            font-family: var(--font-family);
            font-weight: 600;
            font-size: 89px;
            color: #373737;

            display: block;
            text-decoration: none;

            margin-bottom: 57px;
        }

        .group {
            display: flex;
            flex-direction: row;
            gap: 152px;
        }

        .primary {
            margin-right: auto;
        }

        .headline {
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 18px;
            color: #696969;

            margin-bottom: 40px;
        }

        .list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .list a {
            font-family: var(--font-family);
            font-weight: 400;
            font-size: 18px;
            color: #fff;

            text-decoration: none;
            cursor: pointer;
        }

        .list a:hover {
            color: #6170E2;
        }
    }
}