@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap');
body{margin: 0px;
padding: 0px;
position: absolute;
width: 100%;
height:100%;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
 background: url("main-bg.jpg") center top;
 -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

body:after{margin: 0px;
padding: 0px;
content: "";
position: absolute;
width: 100%;
opacity: 0.8;
background:rgba(240,130,88,0.5);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
height: 100%;
z-index: 9;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
.content{ width: auto;
  height: auto;
  text-align: center;
  height: 300px;
  display: block;
  vertical-align: middle;
  position: relative;
  z-index: 99;
}
.content img {width: auto;}
.content h1{ font-size: 18px; color: #fff; text-align: center;
    font-family: 'Ubuntu', sans-serif;
    text-transform: capitalize;
    font-weight: 300;
}
.content h1 span{display: block; color: #fff; font-weight: 700; margin-top: 20px;}
#demo{ width: 100%; padding: 0;
  margin-top:80px;
}
#demo li{
  font-size:80px;
  border-right: solid 1px #333;
  font-family: 'Ubuntu', sans-serif;
  color: #fff;
  padding:0px 30px 0 30px ;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
}
#demo li:last-child{border-right: none;}
#demo li span {display: block;
font-size: 13px;
color: #fff;
}
#demo li:last-child{margin-right: 0px;}
.content img{
  width: 250px;
}
@media all and (max-width:768px) and (min-width: 0px) {
  #demo{ width: 100%; padding: 0;
    margin-top:30px;
  }
  body{
    background-repeat: no-repeat;
    background: url("main-bg_mobile.jpg") center top;
 -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
  }
  .content img {width:250px;}
  #demo li{
    font-size:60px;
    border: solid 1px #fff;
    font-family: 'Ubuntu', sans-serif;
    color: #fff;
    padding:0px 20px 20px 20px ;
    display: inline-block;
    text-align: center;
    margin-right:5px;
    margin-left:0px;
  }
  #demo li:last-child{ border: solid 1px #fff;margin-right: 5px;
  margin-top:5px;
  }
  #demo li span {display: block;
  font-size: 13px;
  color: #fff;
  }

}