.header-main{
	width: 100%;
	height: 60px;
	background-color: #000;
	display: flex;
	flex-direction: row; /*add notes*/
	flex-wrap:wrap;
	justify-content: flex-start;
	align-content:flex-start;
	gap: 50px 40px;
	row-gap:;
	column-gap:;
	align-items center;
}

.header-main div{
	height: 30px;
}

.header-main .div-1{
	width: 400px;
	background-color: #B381DE;
	order:1;
	flex-basis: 500px;
	
}


.header-main .div-2{
	/*width: 100px;*/
	background-color: #6ADE95;
	order: 2;
flex: 0 0 100px;
	align-self: flex-end ;

}
.header-main .div-3{
	width: 100px;
	background-color: #DEA954;
	order:3;
flex: 0 0 100px;
}