@media screen and (max-width: 992px) {

	.container {
		width: 940px;
	}

	.menu {
		display: none;
	}

	.head-top {
		display: block;
		text-align: center;
	}

	.logo {
		margin-bottom: 30px;
	}

	.nav-trigger {
		display: block;
	}

	.head-middle {
		margin-top: 150px;
	}

	.head-middle__title {
    	font-size: 35px;
    }
	
	.arrow {
		margin-top: 120px;
	}

	.title {
		text-align: center;
	}

	.connect {
		align-self: center;
	}

	.achiev {
		justify-content: center;
	}

	.achiev__col-right {
		flex-basis: 430px;
	}

	.box {
		margin-top: 10px;
	}

	.box-skills {
		width: 430px;
		margin: 30px auto 0;
		justify-content:space-between;
		align-items: center;
	}

	.col-skills {
		margin-bottom: 15px;
		flex-basis: 140px;
	}

	.box-image {
		justify-content: center;
	}

	.box-image__col_left {
		margin-right: 20px;
	}

	.box-image__col_right {
		margin-top: 20px;
	}

	.right {
		margin: 0 auto;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {

	.head-middle {
		margin-top: 100px;
	}

	.arrow {
		margin-top: 90px;
	}

	.container {
		width: 80%;
	}

	.head-middle__title {
    	font-size: 35px;
    }

    .box-image__col_left {
    	margin: 0 0 20px 0;
}

@media screen and (max-width: 576px) {
	
	.container {
		width: 70%;
	}

	.head-middle__title {
    	font-size: 30px;
    	line-height: 1.5em;
    }

    .head-middle__text {
    	font-size: 19px;
    }

    .title {
    	font-size: 27px;
    }

    h4 {
    	text-align: center;
    }

    .achiev {
    	margin-top: 50px;
    }

    .advant {
    	flex-direction: column;
    	align-items: center;
    }

    .advant__elem {
    	margin-bottom: 25px;
    }

    .wrapper {
    	justify-content: center;
    }

    .connect__item {
    	text-align: center;
    }

    .box-skills {
    	width: 287px;
    	justify-content: center;
    }

    .col-skills {
		flex-basis: 200px;
	}

}