@media screen and (max-width: 576px){
	.month .week .day{
		flex: 1 30%;
	}
}

@media screen and (max-width: 768px){
	.profile{
	    grid-template-columns: repeat( auto-fit, minmax( 200px, 1fr ) );
	}
	.menu-left{
		width: 100%!important;
		height: 100%;
		transform: translateX(-100%);
		transition: all .5s ease;
	}
	.menu-left.active{
		transform: translateY(0%);
		left: 0;
	}
	.overlay{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 1;
		transform: translateX(-100%);
		transition: all .5s ease;
	}
	.overlay.active{
		transform: translateX(0);
		transition: all .5s ease;
	}
	.burger-menu{
		position: absolute;
		top: 0;
		left: 100%;
		margin: 15px;
		color: #fff;
		background: var(--main-hex-blue);
		padding: .25em .5em;
		border: 1px solid #fff;
		border-radius: 5px;
	}
}

@media (min-width: 992px){}

@media (min-width: 1200px){}