#c277, #c248, #c282, #c284 {
      padding-top: 0.2rem !important;
      padding-bottom: 0.2rem !important;
}
@media (min-width: 1200px) {
    #c277, #c248, #c282, #c284 .frame{
         padding-top: 0.2rem !important; 
         padding-bottom: 0.2rem !important; 
    }
 }
@media (min-width: 992px) {
  #c277, #c248, #c282, #c284 .frame {
       padding-top: 0.2rem !important; 
       padding-bottom: 0.2rem !important; 
  }
}
@media (min-width: 768px){
  #c277, #c248, #c282, #c284 .frame {
       padding-top: 0.2rem !important; 
       padding-bottom: 0.2rem !important; 
  }
}
@media (min-width: 576px){
 #c277, #c248, #c282, #c284 .frame {
       padding-top: 0.2rem !important; 
       padding-bottom: 0.2rem !important; 
  }
}
#c277, #c248 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
 
}
#c277, #c248 li {
  float: left;
}


#c277, #c248 li a {
  display: block;
  text-align: center;
  padding-right: 1.5rem;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}


#c277, #c248 li a:hover {
   text-decoration: underline;
   color: rgba(0, 0, 0, 0.9);
}
#c277, #c248 li a:active {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.9);
}

[aria-current="page"] {
   /* Special style for the current page link */
   text-decoration: underline;
   color: rgba(0, 0, 0, 0.9);
}