.ct { border:1px solid #ccc;}
.pad10 {margin:0px ; padding:5px;}
.pad20 {margin:0px ; padding:20px 5px;}
.btn-info { color:#fff;background:#0e828a; font-size:12px; font-size:bold; margin:0px; padding:5px 7px; width:100%;font-weight: bold;}
.btn-menu { color:#fff;background:#40babb; font-size:12px; font-size:bold; margin:0px; padding:15px 7px; width:100%;font-weight: bold;}
.btn-menu:hover { border: 1px solid #ccc;}
 .heading { color:#40babb; font-size:1.5em !important;}
.box { background:#0e828a; text-align: center;padding:20px 10px; position: relative; width:100%; border-radius: 20px; } 
.box h4 { color:#fff;}

.btn-login { background:#40babb; color:#fff; border-radius:25px;padding:10px 20px; margin:20px 0;  font-size:bold;border:1px solid #fff; }
.btn-login:hover {color:#40babb; background:#fff; }


.btn-register { background:#40babb; color:#fff; border-radius:25px;padding:10px 20px; margin:20px 0;  font-size:bold; border:1px solid #fff; }
.btn-register:hover {color:#40babb; background:#fff; }
.content {padding:10px 20px; }

.man-icon { background:#40babb;}

.link { color:#000; padding:10px 0px; text-decoration: none; }
.topics { list-style: none;}
.topics li span { color:#fff; font-weight: bold;}
.topics li{font-size:20px;background:#40babb;padding:20px 10px; margin:10px;border-radius:25px;}
 .topics li a  { color: #fff !important;text-decoration: none;}
.form-control { background: #40babb;padding:10px 10px;color:#fff}
.form-label { color:#fff; font-size:18px; font-weight:bold; }
.form-select { background: #40babb; padding:10px 10px;color:#fff}


@media (max-width: 600px) {
  .btn-menu {
    font-size: 10px;
  }
 
}

@media (min-width: 992px) {
  .btn-menu {
    font-size: 18px;
  }

  
 
}