@media(max-width: 1000px) {
    .project {
        width: calc(50% - 30px);
    }
    .about__text {
        width: 100%;
        padding: 30px 0 0;
    }
    .about__container h2, 
    .faq__container h2, 
    .contact__container h2 {
        font-size: 60px;
        text-align: center;
    }
    .about__photo {
        width: auto;
    }
    .about__container-podtitle {
        margin-bottom: 30px;
    }
    .faq-list__title {
        font-size: 20px;
        padding: 15px 50px 15px 0;
    }
    .about__container {
        margin-top: 50px;
    }
    .contact {
        padding: 50px 15px 70px;
    }
    .contact__container h6 {
        text-align: center;
    }
    .contact__container {
        flex-direction: column;
    }
    .contact__left,
    .contact__right {
        width: 100%;
        padding: 0;
    }
    .contact__right {
        margin-top: 30px;
    }
    .footer__container {
        flex-wrap: wrap;
    }
    .footer .socials {
        width: 50%;
        margin: 0 30px 0 0;
    }
}
@media(max-width: 768px) {
    .footer__container {
        flex-direction: column;
        justify-content: center;
    }
    .header__logo {
        margin-right: 0;
    }
    .header__right {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 30px 15px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        z-index: 10;
        background: var(--background-color);
    }
    .header__right.active {
        opacity: 1;
        visibility: visible;
    }
    .burger-menu {
        display: block;
    }
    .burger-menu svg {
        width: 100%;
        height: 100%;
    }
    .header__right .menu__list {
        flex-direction: column;
    }
    .header__right .menu__item {
        margin: 10px;
    }
    .header__right .menu__item a {
        font-size: 30px;
    }
		.header__setting {
			justify-content: flex-start;
			position: absolute;
			top: 30px;
			left: 15px;
			width: 70px;
		}
    .header__setting .btn-callback {
        display: none;
    }
    .header__right .close {
        display: block;
        top: 30px;
        right: 15px;
    }
    .header__right .logo {
        display: flex;
				flex-direction: column;
        text-decoration: none;
        color: var(--text-color);
    }
    .menu, 
    .footer__menu {
        margin: 10px 0;
    }
		.header__right .menu {
				margin: 60px 0;
		}
    .about__container h2, 
    .faq__container h2, 
    .contact__container h2 {
        font-size: 45px;
        line-height: 1.1;
    }
    .footer .socials {
        margin: 0 0 20px 0;
        justify-content: center;
    }
    .about__container-podtitle p,
    .faq__container-podtitle p, 
    .contact__container h6,
    .faq-list__title {
        font-size: 16px;
    }
    .faq-list__text {
        font-size: 14px;
    }
    .faq-cross {
        width: 22px;
        height: 22px;
    }
}
@media(max-width: 600px) {
    .about__container h2, 
    .faq__container h2, 
    .contact__container h2 {
        font-size: 36px;
    }
    .project {
        width: 100%;
    }
    .contact__text-right a {
        font-size: 15px;
    }
    .copyright {
        flex-direction: column;
    }
    .copyright p,
    .copyright a {
        margin: 0;
    }
    .menu__item {
        margin: 0 15px;
    }
}