@font-face {
   font-family: myFirstFont;
   src: url("../font/HKGrotesk-Regular.otf");
}

@font-face {
   font-family: myFirstFont;
   src: url("../font/HKGrotesk-Bold.otf");
   font-weight: bold;
}

* {
   font-family: myFirstFont;
}

a{
 text-decoration:none!important;
}

@media screen and (max-width: 500px) {
 #fnt-size .lead {
	 font-weight:400;
	 font-size:3.1vw;
  }
  #fnt-size .txt {
	 font-weight:400;
	 font-size:3.1vw;
  }

  
  
}


#activity-nav li .active{
	width:33%;
	height:26px;
	padding-bottom:12px;
	text-decoration:none;
	color:white;
	cursor:pointer;
	border-bottom:2px solid;
	
}
#activity-nav a{
	color:black;	
}

#activity-nav li{
	text-align:center;
	width:33%;
	height:26px;
	padding-bottom:12px;
	text-decoration:none;
	color:black;
	cursor:pointer;
	}
.act:hover{
	
	border: 1px solid #dee2e6!important;
}
.btm-foot
{
	height:300px;
}

/* checkbox css and radio css*/

.custom-control-label::before, 
.custom-control-label::after {
top: .1rem;
width: 1.9rem;
height: 1.9rem;
}
/**/