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

#navigation>ul {
	width:calc(100vw - 55px);
	flex-direction: column;
	background:#27364aaa;
    border-radius: 10px;
}

#navigation ul:hover {
	padding: 55px 20px 20px 20px;
}

#navigation>ul li {
	display:none;
}

#navigation>ul:hover li {
	display:block;
	
}

#navigation>ul a {
	border-bottom:2px solid #27364aaa;
}

.mod_article, header, footer {
	padding-right:20px;
	padding-left:85px;
}

}