html, body{
	background-image: linear-gradient(115deg, #ffffff 75%, transparent 25%),url("image/S__11452559.jpg");
	background-size: cover;
}

nav.page_nav ul{
	align-items: flex-end;
	flex-direction: column;
}

nav.page_nav ul li{
	font-size:20px;
}
.item{
	width:22%;
	
	margin: 5px;
	border:2px #003366 solid;
	border-radius: 5px;
	background-color:#f5f5f5;
}

.item ul li{
	font-size:15px;
}

.row_h_15{
	height: 15%;
}
.row_h_15_t{
	height: 25%;
}
.row_h_30{
	height: 30%;
}

/* Extra large devices */
@media screen and (max-width: 1200px){

}

/* desktops */
@media screen and (max-width: 992px){
	.row_h_15{
		height: 15%;
	}
	.row_h_30{
		height: 40%;
	}
	header h1{
		font-size: 60px;
		font-weight:900;
	}
	nav.page_nav ul{
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		padding:0px;
		margin: 0px;
	}
	nav.page_nav ul li{
		transform: none;
		font-size:20px;
		height:110px;
		margin:2px;
		padding:5px;
		border-right:0px;
		border-bottom: 20px inset #003366;
		/*border-right: 5px inset #003366;
		border-bottom: 5px inset #003366;*/
		box-shadow: #003366 0px 20px 30px -10px;
	}
}

/* tablets */
@media screen and (max-width: 768px){
	.row_h_15{
		height: 15%;
	}
	.row_h_30{
		height: 45%;
	}
	header h1{
		font-size: 50px;
	}
}

/* phones */
@media screen and (max-width: 576px){
	nav.page_nav ul li{
		font-size:16px;
	}
}