/* 屏幕宽度小于768px (手机端) */
@media only screen and (max-width: 767px) {
 .col-top{
  margin-top: 0;
 }
 
 .card {
  margin-bottom: 1rem;
 }
 
 .img-pading {
  padding: 15%;
 }
 
 .text-size {
  font-size: 24px;
  padding: 1.5em;
 }
 
 .mar_top {
  margin-top: 3em;
 }
 
 .pading {
  padding: 1.5em 1em;
 }
}

/* 屏幕宽度小于700px (小手机端) */
@media only screen and (max-width: 700px) {
 .col-top{
  margin-top: 0;
 }
 
 .text-size {
  font-size: 20px;
  padding: 1em;
 }
}
.bg-img{
  background-image: url('../img/background.png');
  width: 100%;
  background-size: cover; /* 或者使用 contain, auto 等 */
  background-position: center; /* 图片居中 */
  background-repeat: no-repeat; /* 不重复 */
}
.pading{
  padding: 1em 1.5em 0 1.5em;
}
.text-size{
  font-size: 40px;
  font-weight: bold;
  border: 1px solid #fff;
  padding: 0.3em 0 0.3em 0;
}
.p-1{
      margin-bottom: -0.5em;
}
.p-2{
      margin-top: -0.8em;
}
.font_color{
  color: #fff;
}
.mar_top{
  margin-top: 3em;
}
.img-pading{
  padding: 10%;
}