.nav-icon {
	display: flex;
	justify-content: center;

	gap: 40px;

}
.nav-icon .nav-items {
	background-color: #1B1B1D;
	width: 100%;
	max-width: 200px;
	height: 200px;
	text-align: center;
	padding: 10px;
	border-radius: 30px;
	position: relative;
	cursor: pointer;

}
.nav-icon .nav-items img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 120px;
	opacity: 0.5;
}

.nav-icon .nav-items button {
	position: absolute;
	bottom: -20%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	background-color: #B31416;
	color: #fff;

	border: none;
	border-radius: 50px;
	font-size: 1.5em;
}

@media only screen and (max-width: 600px) {
	.nav-icon .nav-items {
        height: 90px !important;
        text-wrap: nowrap !important;
    }
	.nav-icon .nav-items img {
        max-width: 30px !important;
    }
}