.hero-section{
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('../img/hero-area.jpg');
	background-size: cover; /* Or contain */
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
}
.hero-container{
	height:100vh;
	display: flex;
    align-items: center;
}
.brand-details{
	padding:10px;
	animation: myAnim 2s ease 0s 1 normal forwards;
}
.brand-img img{
	width:100px;
	border-radius:50%;
}
.brand-name{
	font-size:55px;
	font-weight:700;
	color:var(--white-orange);
	margin-top:10px;
}
.brand-description{
	font-size:16px;
	color:var(--red-x-light);
}

@media( max-width: 768px){
	.hero-section{
		height:auto;
	}
	.hero-container{
		height:auto;
	}
	.brand-details{
		padding:10px;
		animation: myAnim 2s ease 0s 1 normal forwards;
		margin-top:30px;
	}
	.brand-img img{
		width:70px;
	}
	.brand-name{
		font-size:35px;
	}
	.brand-description{
		font-size:14px;
	}
}