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

.row_sky{
	height: 15%;
}
.row_title{
	height: 25%;
}
.row_main{
	height: 30%;
}

.main-left{
	/*border-right:30px inset #003366;
	border-top:30px inset #003366;*/
	border-radius: 15px;
	background-color:#ffffff;
	/*box-shadow: 5px 0px 0px 0px #669966;*/
	padding-top: 15px;
	padding-right: 15px;
	font-size:20px;
	font-weight:900;
}

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

nav.main_nav ul li{
	transform: rotate(355deg);
	font-size:22px;
}

.main-right{
	text-align:left;
	/*border: 30px solid #778d6a;*/
	border-radius: 15px;
	background-color:#669966;
	/*box-shadow: 5px 5px 0px 0px #669966;*/
	padding: 30px;
	font-size:20px;
	font-weight:900;
}

.main-footer{
	padding: 30px;
}



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

}

/* desktops */
@media screen and (max-width: 992px){
	.row_sky{
		height: 0%;
	}
	.row_main{
		height: 40%;
	}
	header h1{
		font-size: 60px;
		font-weight:900;
	}

	nav.main_nav ul li{
		font-size:22px;
	}
}

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

}

/* phones */
@media screen and (max-width: 576px){
	nav.main_nav ul{
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		padding:0px;
		margin: 0px;
	}
	nav.main_nav ul li{
		transform: none;
		font-size:16px;
		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;
	}
}