.dropbtn1,.dropbtn2{
 font-size:21px;
 width:15%;
 line-height:30px;
 border:none;
 background-color:#E6E8E8;
 color:light-grey;
 font-weight:400;
 padding:10px;

}
.logo{

 width:68%;
 padding-right:9px;
 padding-top:7px;
 padding-bottom:7px;
 border:none;
 background-color:#E6E8E8;
 color:light-grey;
 font-weight:400;

	
}
.logo a{
		font-size:25px;
		 line-height:25px;
		  text-align:center;
		  text-decoration:none;
		  color:#a4286a;
		  font-weight:700;
}
.dropbtn1:hover,.dropbtn2:hover,.dropbtn3:hover,.dropbtn4:hover,.dropbtn5:hover,.dropbtn6:hover,.dropbtn7:hover, .dropbtn:focus{
  border-top:2px solid black;
}


.dropdown {
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
  background-color:#E6E8E8;
}
.dropdown a{ 
float:center;
margin:0 auto;
font-size:20px;
text-align:center;
}

.dropdown-content1 {

  display: none;
  position: absolute;
  padding:10px;
  background-color:#f1f1f1;
  width:70%;
  height:400px;
  overflow: auto;
  z-index: 1;
}
.dropdown-content2 {
  display: none;
  position: absolute;
  padding:10px;
  background-color:#f1f1f1;
  right:0;
  width:70%;
  height:400px;
  overflow: auto;
  z-index: 1;
}
.dropdown-content3 {
  display: none;
  position: absolute;
  padding:10px;
  background-color:#f1f1f1;
  width:70%;
  height:400px;
  overflow: auto;
  z-index: 1;
}
.dropdown-content1 h3{color:black;font-family:verdana;font-weight:400;font-size:20px;border-bottom:2px solid grey;text-align:left;padding:5px;  }
.dropdown-content1 a,.dropdown-content2 a,.dropdown-content3 a{
	display:block;
	color:#1a0dab;
	text-decoration:none;
	font-family:verdana;
	font-weight:400;
	font-size:14px!important;
	padding:2px;
	border-bottom:1px solid white;
	margin:5px;
	
	}
.dropdown-content1 a:hover{
	background-color:#fcfcfc;
	color:black;}
.dropdown a:hover {background-color: #ddd;}

.show {display: block;}


/*.............. mobile-menu-section */
.mm{
	width:100%;
	height:100px;
}
.mobile-menu{
	width:100%;
	min-height:40px;
	background-color:#a4286a;
	text-align:center;
	z-index:1;
}


/* the sticky2 class is added to the mobile-menu-bar*/
.sticky {
  position:fixed;
  top:0;
  width:100%;
}
.content {
  padding: 16px;
}
.sticky+ .content{
	padding-top:40px;
}
.body{
	width:1000px;
	height:1200px;
}
@media screen and (min-width:770px){
	#mm{
		display:none;}}
		
	@media screen and (max-width:770px){
	#pc-header{
		display:none;}}
		
		
		
.ballpen-mobile-menu a{
	color:#f7e70c;
	font-size:20px;
	line-height:30px;	
}