.modal-container {
	height: 100vh;
	width: 100%;
	background: rgba(0,0,0, .5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	display: none;
	justify-content: center;
	align-items: center;
} 



.modal-container.ativo {
	display: flex;
}


.modal {
		background-image: url(../img/novidades/modal-feriaspremiada.jpg);
	
		
		min-width: 300px;
		width: 500px;
		height: 442px;
		
		border: 10px solid #7c6b3d;
		box-shadow: 0 0 0 10px #303030;
		position: relative;
		
		
		
}


@keyframes modal {
	from {
		opacity: 0;
		transform: translate3d(0, -30px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}


.ativo .modal {
	animation: modal .3s forwards;
}



.fechar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 4px solid #352f1c;
	top: -30px;
	right: -30px;
	position: absolute;
	background: #8c783a;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
	font-size: 1.2rem;
	color: white;
	font-family: 'IBM Plex Mono', monospace;
	cursor: pointer;
}

div.myButton img {
    background:url(../img/novidades/modal-feriaspremiada-rodape.jpg) no-repeat;
    cursor:pointer;
	top: 329px;
	height: 114px;
	width: 500px;
	position: absolute;
	border: 0;
}