_about.styl

.about
	&__wrapper
		display flex
		padding 80px 15px
		@media (max-width 960px)
			flex-direction column
		@media (max-width 767px)
			padding 40px 15px
	&__column
		flex 50%
	&__title
		@media (max-width 960px)
			text-align center
			margin-bottom 70px
			&:after
				left 50%
				transform translateX(-50%)
			span
				display inline-block
				&:nth-of-type(2)
					padding 0 25px
		@media (max-width 767px)
			margin-bottom 30px
			span
				&:nth-of-type(2)
					padding 0 10px
		
		
.todo
	&__list
		@media (max-width 960px)
			display flex
			justify-content space-between
			flex-wrap wrap
	&__item
		display flex
		align-items flex-start
		margin-bottom 70px
		&:last-of-type
			margin-bottom 0
		@media (max-width 960px)
			width calc((100% - 30px)/2)
			margin-bottom 40px
		@media (max-width 767px)
			width 100%
			margin-bottom 30px
	&__icon
		margin-right 50px
		@media (max-width 960px)
			margin-right 30px
		@media (max-width 767px)
			margin-right 15px
		img
			max-width 100%
			height auto
			display block
			@media (max-width 767px)
				max-width 30px
	&__title
		font-size 24px
		font-weight 500
		color violet
		margin-bottom 30px
		@media (max-width 767px)
			margin-bottom 10px
			font-size 22px
	&__desription
		font-size 16px
		font-weight 500
		color violet