.box-button {
		width: 100%;
		height: 100vh;
		display: flex;
		justify-content: auto; /* center; */
		align-items: auto;  /* center; */
	}
	.box-button a {
		text-decoration: none;
		background: #1c1c1c;
		color: #fff;
		border: none;
		paddind: 5px 10em;
		font-weight: 600;
		font-size: 1em;
		border-radius: 5px;
		cursor: pointer;
	}
	.modal4 {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(77 77 77 .7);
		transition: all .4s;
		z-index: 999;
	}
	.modal4-content {
		padding: 8em;  /*  size of modal alto */
		position: relative;
		width: 500px;
		height: auto;
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 0 5px rgba(0 0 0 / .15);
	}
	.modal4-content h2 {
		margin-top: 20px;
	}
	.modal4-content p {
		margin: 20px 0;
	}
	.modal4-img {
		width: 100%;
	}
	.modal4-img img {
		width: 100%;
		height: 100%;
		object-fit: contein;
		border-radius: 10px;
	}
	.close4-btn {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		border-radius: 5px;
		background: rgba(0 0 0 / .1);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.close4-btn a {
		text-decoration: none;
		font-weight: 800;
		font-size: 20px;
	}

	.close4-btn a:hover {
		color: orangered;
	}

	.modal4:target {
		visibility: visible;
		opacity: 1;
	}