.overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background:var(--color-primario);
	overflow:auto;
	z-index:99;
}



@media screen and (max-width: 1100px) {

/*styling open close button*/
.button {
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 20px;

	display: flex;
	justify-content: center;
	font-family: 'Poppins', sans-serif;

	cursor: pointer;

	z-index: 4;
}
.button a {
	text-decoration:none;
}
.btn-open {
	width: 80px;
	height: 80px;
	border-radius: 70px;
	font-size: 12px;

	border: 6px solid rgba(255, 255, 255, 0.2);

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	text-decoration: none;
	background-color: var(--color-primario);
	color: var(--color-positivo);

	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
/*.btn-open:hover:after {
	color:#34B484;
}
.btn-close:after {
	color:#fff;
	content:"\f00d";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.btn-close:hover:after {
	color: #34B484;
}*/
/*overlay*/
.overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background:var(--color-primario);
	overflow:auto;
	z-index:99;
}





}