.banner {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 0 15px;
	 height: 700px;
}
 .banner__about {
	 flex-basis: 50%;
	 flex-grow: 0.5;
}
 .banner__about--btn {
	 text-transform: uppercase;
	 line-height: 42px;
	 padding-left: 30px;
	 padding-right: 30px;
	 border: none;
	 color: #fff;
	 background: -webkit-linear-gradient(0deg, #8490ff 0%, #62bdfc 100%);
	 transition: all 0.3s ease 0s;
	 cursor: pointer;
	 position: relative;
}
 .banner__about--btn:hover {
	 box-shadow: 0px 20px 20px 0px rgba(132, 144, 255, 0.3);
}
 .banner__about h6 {
	 text-transform: uppercase;
	 font-weight: 400;
	 letter-spacing: 2px;
}
 .banner__about h1 {
	 margin: 20px 0;
	 font-size: 30px;
	 text-transform: uppercase;
}
 .banner__about p {
	 margin-bottom: 1rem;
}
 .banner__img {
	 flex-basis: 50%;
	 flex-grow: 0.5;
	 display: flex;
	 justify-content: center;
	 align-items: flex-end;
}
 .banner__img img {
	 max-width: 400px;
	 height: 450px;
}
 .about-me__about {
	 order: 1;
}