h1 {
    font-size: 1.8em !important;
}

.menu {
    background-color: #007774 !important;
    padding: 15px 0;
    border-bottom: 0px !important;

    a {
      text-decoration: none !important;
  }
}
.menu ul li a {
    color: white !important;
}
.menu ul li a::after {
    height: 2px !important;
}
.menu ul li a.active::after {
    background-color: rgb(23, 214, 204)  !important;
}
.menu ul li a.active {
    font-size: 19px !important;
    color: rgb(23, 214, 204) !important
}
.subtitle {
    border-left: 4px solid #007774 !important;
}
.round-info__status {
    font-size: 12px !important;
    color: #FFF !important;
    padding:2px 8px;
    border-radius:5px !important;
    background-color: rgb(21, 179, 179) !important;
}
@media only screen and (max-width: 600px) {
  .container {
    padding: 15px !important;
  }
}

.ruleBtn {
  font-size: 1em;
  white-space:nowrap;
  padding:.4em 1.5em;
  display: inline-block;
  color: #fff;
  text-align: center;
  position:relative;
}

.ruleBtn.btn{
  background-color: #007774;
  border-color: #007774;
  -webkit-box-shadow: 0 3px 0 #088d74;
  box-shadow: 0 3px 0 #088d74;
  text-decoration: none;
}
.ruleBtn.btn:hover{
  background-color:rgb(23, 214, 204) !important;
}
.ruleBtn.btn:active{
  top: 3px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
.btn i {padding-right:0.8em; line-height:22px;}
.icon-only{padding: 1em;}
.icon-only i{padding-right:0; font-size:22px; line-height:22px; } */