@media screen and (max-width: 1200px) {
	.container {
		width: 1140px;

        /* background-color: red; */
	}
}

@media screen and (max-width: 1199px) {
	.container {
		width: 960px;
	
        /* background-color: green; */
    }
}

@media screen and (max-width: 991px) {
	.container {
		width: 720px;

        /* background-color: purple; */
	}
}

@media screen and (max-width: 767px) {
	.container {
		width: 540px;

        /* background-color: orange; */
	}
}

@media screen and (max-width: 575px) {
	.container {
		padding: 0 10px;
		width: 90%;

        /* background-color: pink; */
	}

    .header__content {
        padding-top: 0;
    }

    .menu {
        display: none;
    }

    
    .menu--active .language {
        display: block;
    }
    .menu--active {
        display: block;
    }
    .nav {
        display: none;
        padding-top: 0;
    }
    .nav::after {
        display: none;
    }
    .nav--active {
        display: block;
    }

    .nav-open {
        display: block;
        position: fixed;
        top: 40px;
        right: 35px;
        border-radius: 5px;
        z-index: 2;
    }

    .language {
        display: none;
    }

    .language--active {
        position: fixed;
        right: 30px;
        bottom: 60px;
        display: block;
        font-size: 34px;
        z-index: 2;
    }

    .nav-close {
        padding-top: 20px;
    }

    .nav-close .nav-open__span:not(:last-child) {
        margin-top: -3px;
    }

    .header__wrapper {
        display: block;
    }

    .name__title {
        padding-bottom: 25px;
    }

    .section__about {
        flex-direction: column;
    }

    .section__item:not(:last-child) {
        padding-bottom: 80px;
    }

    .social__item:not(:last-child) {
        margin-right: 40px;
    }
    .content__img {
        height: auto;
    }
}