@media screen and (max-width : 1030px) {
	.custom-menu--container .custom-menu {
		overflow : visible;
	}

	.custom-menu--container .custom-menu .menu--container {
		position           : absolute;
		left               : 0;
		bottom             : 100%;
		width              : 100%;
		background-color   : transparent;
		box-shadow         : 0 0 20px -10px #00000069;
		/*transition       : opacity 0.7s ease-in, bottom 0.2s ease-in-out, background-color 0.5s ease-in-out;*/
		animation-duration : 0.3s;
		animation-name     : slideout;
	}

	.custom-menu--container .custom-menu .menu--container .menu {
		margin : auto;
	}

	.custom-menu--container .custom-menu .menu--container .menu ul {
		flex-direction : column;
	}

	/*OPENED*/
	.custom-menu--container.opened {
		width : 455px;
	}

	.custom-menu--container.opened .custom-menu .menu--container {
		/*background-color   : #fff;*/
		/*bottom             : -195%;*/
		/*transition         : opacity 0.2s ease-in, bottom 0.3s ease-in-out, background-color 0.5s ease-in-out;*/

		background-color   : #fff;
		bottom             : -195%;
		opacity            : 1;
		animation-duration : 0.3s;
		animation-name     : slidein;
	}

	@keyframes slidein {
		from {
			background-color : transparent;
			bottom           : 100%;
			opacity          : 0;
		}
		50% {
			opacity : 0;
			bottom  : 0;
		}
		75% {
			opacity : 0.3;
			bottom  : -100%;
		}
		to {
			background-color : #fff;
			bottom           : -195%;
			opacity          : 1;
		}
	}

	@keyframes slideout {
		from {
			background-color : #fff;
			bottom           : -195%;
			opacity          : 1;
		}
		50% {
			opacity : 0.5;
			bottom  : -100%;
		}
		75% {
			opacity : 0;
			bottom  : 0;
		}
		to {
			background-color : transparent;
			bottom           : 100%;
			opacity          : 0;
		}
	}
}

@media screen and (max-width : 768px) {
	#top {
		min-height : 100vh;
		display    : flex;
	}
}

@media screen and (max-width : 490px) {
	.custom-menu--container {
		max-width : calc(100% - 30px);
		left      : 15px;
		top       : 15px;
	}

	.custom-menu--container .custom-menu .logo--container {
		min-width : 210px;
		width     : 100%;
	}

	.custom-menu--container .custom-menu .icon--container {
		min-width : 80px;
		max-width : 100px;
		width     : 100%;
	}
}