/*it's for make an horizontal menu with anchor tag in list item tag(use this on ul or ol tag)*/
.horizontal-menu{
	display: flex;
	padding: 0;
	margin: 0;
}
.horizontal-menu ul{
	padding: 0;
	margin: 0;
	width: 100%;
}
.horizontal-menu ol{
	padding: 0;
	margin: 0;
	width: 100%;
}
.horizontal-menu li{
	text-align: center;
	list-style-type: none;
}
.horizontal-menu a{
	display: block;
}
.horizontal-menu li li{
	width: inherit;
	display: none;	
}
.horizontal-menu li:hover li{
	display: inherit;	
}
/*it's for make an vertical menu with anchor tag in list item tag(use this on ul or ol tag)*/
.vertical-menu{
	padding: 0;
	margin: 0;	
}
.vertical-menu ul{
	padding: 0;
	margin: 0;	
}
.vertical-menu ol{
	padding: 0;
	margin: 0;	
}
.vertical-menu li{
	text-align: center;
	list-style-type: none;
}
.vertical-menu a{
	display: block;	
}
/*it's for make central style of page items(use this on div and work in that div)*/
.contayner-style{
	margin-left: 15%;
	margin-right: 15%;
	width: 70%;
}