*{
 
 box-sizing: border-box; 
}
/*chaneg font & cursor*/
body{
 font-family : arial;
 margin: 0px;
 cursor: url("cursor.cur"), auto;
 
 
}
/*modify all <a>*/
a[target=nodec] {
  text-decoration : none;
}
/*header*/
.header{
 padding : 20px;
 text-align:center;
 background: #FFFFFF;
 color : #3255a4;
}
#logo{
	width: 160px;
	height: auto;
	padding-left: 10px;
}
/*header font*/
.headerFont{
 
 font-size: 60px;
}
/*navbar*/
.navbar{
 display : flex;		
	background: #3255a4;
}
.navbar a{
 color : #fff;
	padding : 14px 20px;
	text-align:center;
}
/* nav bar hover effect*/
.navbar a:hover{
 background : #A0C7F4;
 color : black;
 
 
} 
/* column container*/
.create_row{
 display : flex;
 flex-wrap: wrap;
 
 
}
 /* create two column*/
.left_aside{
 flex : 30%;
 background : #F3F3F3;
 padding : 20px;
}
/* main content*/
.main_section{
 flex : 70%;
 background : white;
 padding : 20px;
}
/*image border*/
.page_img{
 background : #3255a4;
 padding : 15px;
 width: 100%;
 text-align: center
}

img{
 width: 100%;
 height: auto;
}

/*footer*/
.footer{
 padding : 20px;
 text-align : center;
 background : #A3BCD9;
 color : #000000;
}
.footer a{

  
 color : #000000;
}
/* responsive area*/
@media only screen and (max-width: 900px)
{
 .create_row{	
	flex-direction : column;
	}	
	.headerFont{
	font-size: 30px;
	 
	
	
	}
	.page_img{
	padding:5px;
	 
	
	
	}
	.footer{
		font-size: 12px;
		
		
	}
}
@media only screen and (max-width: 760px)
{
 .create_row, .navbar{
	flex-direction : column;
	}	
	.headerFont{
	font-size: 30px;
	 
	
	
	}
	.page_img{
	padding:5px;
	 
	
	
	}
	.footer{
		font-size: 12px;
		
		
	}
	
	
	
	
}