Не могу передвинуть div с помощью flex. Как????

Создал wrapper для этого div, но wrapper зачем то создает margin, который не дает перемещаться с помощью flex
HTML

<div class="wrapper_info_about_us">
					<div class="info_about_us">
						<h2 class="title_about_us">
							ABOUT US
						</h2>
						<p class="text_about_us">
							Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio hic, consequuntur et quaerat! Asperiores hic molestias enim pariatur neque cupiditate, maxime, nihil. Accusamus, ratione placeat harum impedit, dolorum repudiandae perferendis.
							A, atque tenetur reiciendis quod eveniet fuga omnis, recusandae ullam eius id rem, unde. Ipsum, vero, similique. Eum repellat, reprehenderit adipisci quis, rerum architecto, nulla necessitatibus ullam distinctio nesciunt itaque.
						</p>

						<form action="" class="read_more">
							<input type="button" class="button_read_more">
						</form>
					</div>
				</div>

CSS

.info_about_us {
	width: 500px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-end;
	align-items: center;

}

.wrapper_info_about_us {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 500px;
	margin: 0;
	padding: 0;
}