/* Home Hero Image CSS */
div.image-banner {
	position: relative;
	height: 100vh;
	width: 100vw;
}

a.btn.mt-2.animation.btn-danger.btn-lg:focus {
	box-shadow: none;
}

div.image-banner:before {
	content: '';
	background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),
		url('/img/home/tacos-banner.jpeg');
	position: fixed;
	background-repeat: no-repeat;
	background-position: center;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover;
	background-size: cover !important;
	z-index: -1;
}
/* Hero Image End */

/* Second Hero Image CSS */
div.image-banner2 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
		url('/img/home/tacos-banner2.jpeg');
	background-size: cover;
	background-position: center bottom;
	position: relative;
	height: 80vh;
}

p.variety {
	color: white;
	font-size: 1.75vw;
}

.text-head2 {
	color: #5d8f24;
	font-size: 5vw;
	/* font-weight: bold; */
}
/* Second Hero Image End */

/* Delicious/Location Section CSS */
.sopes-img {
	width: 40%;
}

.storeimg {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.card-title {
	font-size: 3.5vw;
}

.card-text {
	font-size: 1.25vw;
}

/* Delicious/Location End */

/* Icon CSS */
i.fa-map-marker-alt,
.fas.fa-users,
.fas.fa-store,
.fas.fa-pencil-alt {
	font-size: 65px;
	color: #5d8f24;
}
/* Icon CSS End */

/* Welcome-text/contact/about/review CSS */
h1#welcome {
	font-size: 5.5vw;
}

div.home-cards {
	margin-top: 5vh;
}

.text-head {
	font-weight: bold;
	color: #5d8f24;
	font-size: 2vw;
}
/* CSS End */

/* Hero Image Button Animation */
a.animation {
	animation: button 6s linear;
}

@keyframes button {
	0% {
		transform: translatex(700%);
	}

	20% {
		transform: translatex(0%);
	}
}
/* Button Animation End */

/* Mobile Devices CSS */
@media only screen and (max-width: 991px) {
	h1.text-head {
		font-size: 7.5vw;
		padding-bottom: 10px;
	}

	h1#welcome {
		font-size: 10vw;
	}

	.text-head {
		font-size: 2.4vw;
	}

	.text-head2 {
		font-size: 3vw;
	}

	.card-title {
		font-size: 4.5vw;
	}

	.card-text {
		font-size: 2.5vw;
	}

	#about-card,
	#review-card,
	#contact-card {
		padding: 0;
	}

	div.image-banner {
		background-attachment: local;
	}
}

@media only screen and (max-width: 768px) {
	p.variety {
		font-size: 3vw;
	}

	.text-head2 {
		font-size: 6vw;
	}

	h1#welcome {
		font-size: 10vw;
	}
}

@media only screen and (max-width: 767px) {
	div.home-cards {
		margin-top: 10vh;
	}

	.text-head {
		font-size: 8vw;
	}

	.text-head2 {
		font-size: 15vw;
		
	}

	p.variety {
		font-size: 5vw;
		font-weight: bold;
	}
	#review-paragraph, #about-paragraph, #contact-paragraph {
		font-weight: bold;
	}

	.card-title {
		font-size: 15vw;
		
	}
	.card-text {
		font-size: 4.5vw;
		font-weight: bold;
	}

	#about-card,
	#review-card,
	#contact-card {
		padding: 17px;
	}

	#about-card {
		margin-top: 5vh;
	}

	h1.text-head {
		font-size: 10vw;
		padding-bottom: 10px;
	}
	h1#welcome {
		font-size: 15vw;
	}

	.sopes-img {
		width: 90%;
	}

	.storeimg {
		height: 100%;
	}
}
/* Mobile Device End */