.cnr {
  margin: 15% 0%; 
}

.cnr {
  text-align: center; 
}

.btncr {
  width: 140px; 
  height: 140px; 
  border-radius: 50%; 
  padding: 45px; 
  font-size: 40px; 
  cursor: pointer; 
  text-align: center; 
  color: #fff; 
  margin-left: auto;
  margin-right: auto;
}

.btncr1 {
  background-color: #5cb85c;
  padding: 45px 43px 45px 45px; 
}

.btncr1:hover {
  background-color: #47a447;
}

.btncr2 {
  background-color: #f0ad4e;"
}

.btncr2:hover {
  background-color: #ec971f;"
}

.btncr3 {
  background-color: #d9534f;"
}

.btncr3:hover {
  background-color: #c9302c;"
}

.tk1 {
  font-size: 20px; 
}


@media screen and (max-width: 992px) {

.btncr {
  width: 64px; 
  height: 64px; 
  font-size: 20px; 
  padding: 20px; 
}

.btncr1 {
  padding: 20px 17px 20px 20px; 
}

.tk1 {
  font-size: 12px; 
}

.tk2 {
  font-size: 10px; 
}

}

@media screen and (max-width: 713px) {

.cnr {
  margin: 10% 10%; 
}

}

@media screen and (max-width: 400px) {

.cnr {
  margin: 10% 0%; 
}

}