section .container{
	max-width: 158rem;
}


.designer {
	padding-top: 20rem;
	padding-bottom: 16rem;
	background: #000;
}
.designer .container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.designer-pic{
	width: 41.5rem;
	position: relative;
}

.designer-card{
	height: 32rem;
	width: 18.5rem;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#02b1c3+0,02b1c3+100&1+0,0+100 */
	background: linear-gradient(to right,  rgba(138,155,207,1) 0%,rgba(138,155,207,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: absolute;
	bottom: -13rem;
	right: -9.5rem;
	padding-left: 11rem;
	padding-top: 12rem;
}
.designer-title{white-space:nowrap;font-size: 3rem;margin-bottom: 1em;color: #fff;}
.designer-name{white-space:nowrap;font-size: 4rem;line-height: 1.25em;font-weight: 600;color: #fff;}
.designer-name span{display: block;}

.designer-content{max-width: 77rem;}

.designer-content h3{
	font-size: 6.8rem;
	line-height: 1.5em;
	color: #8A9BCF;
	font-weight: 700;
	margin-bottom: .75em;
}

.designer-content h4{
	font-size: 2.3rem;
	color: #8A9BCF;
	margin-bottom: 0.5em;
	font-weight: 700;
}

.designer-content p{
	font-size: 2.1rem;
	color: #fff;
	line-height: 2.25em;
	margin-bottom: 2em;
}


.designer-works{
	margin-top: 25rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.designer-work-box{
	width: 65.5rem;
	margin: 0 1.6rem;
	margin-bottom: 6rem;
}

.designer-work-box p{
	display: block;
	font-size: 2.1rem;
	line-height: 5rem;
	text-align: right;
	color: #fff;
}

@media (max-width: 1023px){
	.designer-card{
		bottom: -9rem;
	}
	.designer-pic{
		margin-bottom: 7rem;
	}

	.designer-works{margin-top: 7rem;}
}