@media screen and (max-width: 979px){
	main{
		flex-wrap: wrap;
		align-items: flex-start;
	}
	section{
		width: 50%;
		height: 50%;
	}
	section>div.links-wrapper{
		bottom: 0;
	}
}

@media screen and (max-width: 767px){
	html, body{
		height: auto;
	}
	main{
		flex-wrap: wrap;
		align-items: flex-start;
	}
	section{
		width: 100%;
		height: 460px;
	}
	ul li a{
		font-size: 18px;
	}

	.sub-menu-link{
		height: 65%;
	}
}