@media screen and (max-width:1024px) {
	footer .links {
		font-size:.75em
	}
    .slider {
        display: none
    }
    header .container {
        flex-direction: column;
        padding: 1em 2em
    }
    header .links {
        grid-template-columns: 1fr 1fr;
    }
    .logo {
        margin-bottom: 1em;
    }
    header .menu {
        grid-template-columns: 1fr;
        justify-content: center;
    }
    .social {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    section p {
        font-size: 18px
    }
    .type-area .single-type .title {
        font-size: 24px
    }
    section {
        padding: 1em 2em
    }
    .content-title {
        font-size: 24px
    }
    .type-area .single-type {
        width: 100%;
    }
    .type-area {
        background-image: none;
        background-color: #000
    }
    .promo-grid {
        grid-template-columns: 1fr;
    }
    .mobil-grid {
        grid-template-columns: 1fr;
    }
    .mobil-grid .title {
        font-size: 1.5em
    }
    .mobil-grid svg {
        width: 3em;
        height: 3em;
    }
    .mobil-button {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: var(--red);
        font-weight: 700;
        font-size: 2em;
    }
    .mobil-button svg {
        width: 1em;
        margin-left: .5em
    }
    section .mobil-button {
        font-size: 1.5em;
        margin-bottom: 1em;
        padding: .5em
    }
}