body{
	background-image:url("_freelance/background.pn") ;
	height:100%;
	width:100%;
	background-repeat:no-repea;
	
}

.abt{
	width:10%;
	height:80px;
	color:black;
	background-color:lightblue;
	
	margin-top:30px;
	float:left;
}
.dat{
	color:white;
	padding-right:10px;
	margin-right:20px;
	float:right;
		z-index:1;
	top:45px;
	clear:right;
	
}
.rightpix{
	float:right;
	
}
.header{
	display: inline-block;
	width:100%;
	position: sticky;
   top: 0;
   overflow: hidden;
   width:100%;
   background-image:url("_freelance/gracechurch.jpg");
}
.navi{
	background-color:grey;
	text-align:;
	font-size:21px;
	font-family:sans;
	height:30px ;
	padding:10px;
	width:100%;
	color:blue;
	text-align:center;
	
}
	

/* Dropdown Button */
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
 
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display:block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  display: inline-block;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: inline-block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}/* Dropdown Button */
.dropbtn { 
  background-color: #04AA6D;
  color: Black;
  padding: 15px;
  font-size: 17px;
  border: 3px solid red;
  font-style:normal;
   float:left;
   z-index:1;
   position:relative;
   left:0;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: green;
  padding: 12px 16px;
  text-decoration: none;
  display: inline-block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: red;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display:inline-block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: skyblue;
}

.container{ 
  width:80%;
  Height:350px;
  align-content:center;
  Border:1px solid grey;
  Border-radius:30px;
  background-color:#fafafa;

}

.container2{ 
  width:80%;
  Height:500px;
  align-content:center;
  Border:none;
  Border-radius:30px;
  background-color:#ddd;  

}
.container3{
Background-image:url("_freelance/gracechurch.jpg");
}