body{
  background: url(../img/bacgroun.jpg) no-repeat center center ;
  display: flex;
  flex-flow:column nowrap;
  justify-content: space-between;

  width: auto;
  height:100vh;
  margin: 0 auto;

}
header{
  display: flex;
    justify-content: center ;
  
}
h1{
  font-family: 'Indie Flower', cursive;
  flex-wrap: wrap;
  display: flex;
  color: #171718;
  font-size: 1.7em;
}

#img{
  width: 100%;
  display: flex;
  /*background-color: silver;*/
  height: 100%;
  display: flex;
  justify-content: space-around;

  opacity: 0.9;


}
img{
  width: 5em;
  height: 5em;
  flex-wrap: wrap;
  justify-content: space-around;


}
#adv{
  width: 9em;
  height: 9em;

}
#ordi{
  width: 100%;
  height: 90px;
  display: flex;
  /*background-color: skyblue;*/
  margin-top: 10px;
  justify-content: space-around;

  margin-bottom: 15%;
}
#adv{
  border-radius: 100px;
  padding-top: 2%;
}
footer{
  display: flex;
  flex-direction: row;
  justify-content:  center space-between;
  width: 80%;
  height: 100px;
  background-color: white;
  margin: 10px auto;
  padding-left: 10%;
  padding-top: 10px;
  opacity: 0.7;
}
  .computer {
    margin-left: 10%;
}
.computer {
margin-right: 24%;
}