@media (min-width: 320px) and (max-width:736px) {
  .btn {
    font-size: .75rem !important;
  }
  .btn .mbr-iconfont {
    font-size: 1rem !important;
  }
  /* main logo*/

.main-logo {
	height:3.2rem !important;
	padding-top: 0.6rem !important;
	padding-bottom: 1.0rem !important;
}
.navbar-caption {
	font-size: 1.0rem;
}
  /* phone and social media*/
.header-top, .header-below {
	font-size: 22px;
	text-align:left !important;
	margin-left: 0.8rem;
}
.header-top .header-icon, .header-below .header-icon {
	width: 32px !important;
	height: 32px !important;
}
  /* features*/
.display-5 {
	font-size: 1.0rem;
}
.cid-qs05RvqwUY .card-box {
  padding-left: 0.4rem;
}


}