@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: 65%!important;
		transform: translateX(-100%);
		transition: all .5s ease;
		position: fixed;
	}

	.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-white);
		padding: .25em;
		border: 1px solid var(--main-hex-blue);
		border-radius: 5px;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}

	.hamburger-menu {
		display: block;
		width: 30px;
		aspect-ratio: 1;
		color: var(--main-hex-blue);
	}

}



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



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