/* CLIENTS =============================================================== */
#clients {
    width: 100%;
    padding: 140px 0 140px;
    position: relative;
}

#clients.gray {  
    background: #f8f8f9;
}

#clients h2 {
    font-size: 47px;
    font-weight: 200;
    text-align: center;
    margin-bottom: 100px;
/*     color: #4F4DA7; */
    padding: 0 10px;
}
#clients h2 strong {
	font-weight: 200;
	/* color: #4F4DA7; */
}


#clients .wrapper{
    margin-bottom: 140px;
    display: flex;
}

#clients .photo {
    width: 55%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    border-radius: 5px;
}



#clients .testimony {
    position: relative;
    flex: 1;
    padding-left: 60px;
}



#clients p {
    color: #898E95;
    padding: 0;
    margin: 0;
}


#clients .testimony p.experience {
    font-size: 30px;
    font-weight: 200;
    padding-top: 80px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.03 21.89'%3E%3Cpath fill='%23A177FF' d='M11.88 15.69c0 1.83-.56 3.32-1.68 4.48-1.12 1.15-2.54 1.73-4.25 1.73-1.65 0-3.06-.56-4.21-1.68C.58 19.08 0 17.58 0 15.69c0-.89.13-1.69.4-2.4s.66-1.56 1.2-2.57L7.18 0h5.76L9.22 10.55c1.77 1.12 2.66 2.83 2.66 5.14zm14.09 0c0 1.83-.56 3.32-1.68 4.48-1.12 1.15-2.54 1.73-4.25 1.73-1.65 0-3.06-.56-4.21-1.68-1.15-1.12-1.73-2.63-1.73-4.52 0-.89.13-1.68.4-2.39.27-.71.66-1.56 1.2-2.57L21.27 0h5.76l-3.72 10.55c1.77 1.12 2.66 2.83 2.66 5.14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 70px 70px;
    margin-bottom: 20px;
}

#clients .testimony p.author {
	color: #4F4DA7;
	font-size: 20px;
	font-weight: 300;
	/* margin-bottom: 5px; */
}
#clients .testimony p.role {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 10px;
}
#clients .testimony p.company {
	color: #49505B;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 40px;
}

#clients .testimony p a {
	background-color: #02CEFF;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 200;
	padding: 10px 20px;
	border-radius: 6px;
	font-weight: 300;
	display: inline-block;
	transition: all .2s;
}
#clients .testimony p a:hover {
    background: #179dba;
}



@media screen and (max-width: 1100px) {
	#clients .wrapper{
		padding: 0 30px;
	}
}



@media screen and (max-width: 950px) {
	#clients .testimony {
		padding-left: 40px;
	}
	#clients .testimony p.experience {
		background-image: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.03 21.89'%3E%3Cpath fill='%23A177FF' d='M11.88 15.69c0 1.83-.56 3.32-1.68 4.48-1.12 1.15-2.54 1.73-4.25 1.73-1.65 0-3.06-.56-4.21-1.68C.58 19.08 0 17.58 0 15.69c0-.89.13-1.69.4-2.4s.66-1.56 1.2-2.57L7.18 0h5.76L9.22 10.55c1.77 1.12 2.66 2.83 2.66 5.14zm14.09 0c0 1.83-.56 3.32-1.68 4.48-1.12 1.15-2.54 1.73-4.25 1.73-1.65 0-3.06-.56-4.21-1.68-1.15-1.12-1.73-2.63-1.73-4.52 0-.89.13-1.68.4-2.39.27-.71.66-1.56 1.2-2.57L21.27 0h5.76l-3.72 10.55c1.77 1.12 2.66 2.83 2.66 5.14z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 60px 60px;
		font-size: 23px;
		padding-top: 65px;
	}
	#clients .photo {
		width: 45%;
		height: 320px;
	}
	#clients .wrapper{
		justify-content: center;
		align-items: center;
	}
}

@media screen and (max-width: 900px) {
	#clients .photo {
		width: 50%;
	}
}

@media screen and (max-width: 800px) {
	#clients h2 {
		margin-bottom: 50px;
	}
	#clients h2 br {
		display: none;
	}
}
@media screen and (max-width: 750px) {
	#clients {
		padding: 140px 0 180px;
	}
	#clients h2 {
        font-size: 42px;
	}
	#clients .wrapper{
		flex-direction: column;
	}
	#clients .photo {
		height: 0%;
		width: 100%;
		padding-top: 70%;
		margin: 0 auto 40px auto;
	}
	#clients .testimony {
		padding-left: 0;
	}
	#clients .testimony p.experience {
		background-image: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.03 21.89'%3E%3Cpath fill='%23A177FF' d='M11.88 15.69c0 1.83-.56 3.32-1.68 4.48-1.12 1.15-2.54 1.73-4.25 1.73-1.65 0-3.06-.56-4.21-1.68C.58 19.08 0 17.58 0 15.69c0-.89.13-1.69.4-2.4s.66-1.56 1.2-2.57L7.18 0h5.76L9.22 10.55c1.77 1.12 2.66 2.83 2.66 5.14zm14.09 0c0 1.83-.56 3.32-1.68 4.48-1.12 1.15-2.54 1.73-4.25 1.73-1.65 0-3.06-.56-4.21-1.68-1.15-1.12-1.73-2.63-1.73-4.52 0-.89.13-1.68.4-2.39.27-.71.66-1.56 1.2-2.57L21.27 0h5.76l-3.72 10.55c1.77 1.12 2.66 2.83 2.66 5.14z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 50px 50px;
		padding-top: 55px;
	}
}
@media screen and (max-width: 600px) {
	#clients h2 {
        font-size: 37px;
	}
}

@media screen and (max-width: 500px) {
	#clients h2 {
        font-size: 31px;
        margin-bottom: 25px;
	}
}