.box{
    height:100%; 
    background-image: url(../images/bread.png);
    background-repeat: no-repeat  !important;
    background-position: center;
    background-size: cover;
    padding: 50px 0;
  }
  .box>h1{
   color: #ffffff;
   font-size: 80px;
   
   text-align: center;
   padding-bottom: 15px;
 background-size: cover;
  }
  .span{
    color: white;
    text-align: center;
    margin-top: -20px;
    font-weight: 600;
  }
  @media(max-width:1125px){
    .box{
        background-size: cover;
      }

  }



 


   .mdds {
    position: relative;
    z-index: 2;
  }
  .mdds::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:#000;
    opacity: 0.75;
    z-index: -2;
  }