﻿.menu > a.active::before {
	content: "";
	position: absolute;
	bottom: -9px;
	left: 0;
	height: 4px;
	width: 100%;
	border-radius: 10px;
	background: var(--saa-yellow);
	transition: 400ms;
}
/*#region brandInfo*/
#brandInfo * {
	color: #4f4f4f !important;
	font-weight: 500 !important;
	font-family: Gilroy, Arial !important;
}

#brandInfo :is(h1,h2,h3,h4,h5,h6) {
	font-size: 18px !important;
	margin: 30px 0 9px 0 !important;
}

#brandInfo a *,
#brandInfo a {
	text-decoration: underline;
}
/*#endregion*/

/*#region Banner*/
#Banner {
	position: relative;
	overflow: hidden;
	height: 200px;
}

	#Banner > p {
		grid-column: full-width;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		bottom: 0;
		background: #f0f8ffba;
	}

	#Banner > img {
		grid-column: full-width;
		width: 100%;
		max-height: 200px;
		object-fit: cover;
		height: 100%;
	}

	#Banner > div {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: start;
		gap: 10px;
		top: 50px;
		height: 53%;
	}

		#Banner > div > img {
			height:100%;
		}

		#Banner > div > h1 {
			color: var(--saa-blue);
			font-size: 60px;
			font-weight: 900;
		}

			#Banner > div > h1 > span {
				display: block;
				font-weight: 600;
				font-size: 30px;
			}
/*#endregion */

#vehicleMenu {
	border-radius: 30px;
	font-size: 12px;
	border: 1px solid var(--saa-blue);
	padding: 5px;
	outline: none;
	height: 33px;
	display: none;
	width: max-content;
	margin: 2rem auto;
}



@media(max-width:1400px) {
	#Banner > div {
		left: 60px;
	}
		#Banner > div > h1 {
			font-size: 30px;
		}
			#Banner > div > h1 > span {
				font-size: 20px;
			}

}

@media(max-width:992px) {
	#Banner > div {
		top: 27px;
	}
}

@media(max-width:768px) {
	#Banner > div {
		top: 20px;
	}
		#Banner > div > h1 {
			font-size: 25px;
		}
			#Banner > div > h1 > span {
				font-size: 18px;
			}

	#vehicleMenu{
		display:block;
	}
	section .menu {
		display: none;
	}
}

@media(max-width:576px) {
	#Banner {
		height: 100px;
	}
		#Banner > img {
			height: 100%;
			object-fit: cover;
		}
		#Banner > div > h1 {
			font-size: 20px;
		}
			#Banner > div > h1 > span {
				font-size: 15px;
			}
}
