.box,.bread-sec{
    height: 540px; 
  }
  .box>h1{
   color: #ffffff;
   padding:280px 0 0 0 ;
   text-align: center;
  }
  .span{
    color: rgb(255, 255, 255);
    text-align: center;
  }
  .bread-sec{
     background-image: url(../images/slider/about.jpg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
  }
#pic{
    height: 100%;
    width: 100%;
    object-fit: fill;
   box-shadow: 2px 4px 5px lightgray;
    border-radius: 5px;
}
@media (max-width:940px){
    #pic{
        height: 94%;
        width: 100%;
        object-fit: fill;
    } 
}
@media (max-width:780px){
    .box>h1{
        font-size: 40px;
    }
}

  @media(max-width:460px){
    .box>h1{
        color: #ffffff;
        font-size: 35px;
        text-align: center;
       }
  }