body {
  height:100vh;
  /*overflow:hidden;
  background: linear-gradient(white, white);*/
  /* background: linear-gradient(#4F8FDF,#5267E1); */
}
.iconbar {
  height: 100px;
  width: 100%;
  max-width: 100%;
  border-radius: 0 0 0em 0em;
  position: absolute;
  top: 97%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  display:flex;
  justify-content:space-evenly;
  align-items:center;
  cursor:pointer;
  overflow:hidden;
  
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */

  z-index: 993;
}

.icons{
  font-family:Nunito;
  display:flex;
  justify-content:space-evenly;
  align-items:center;
  padding:0.4em;
  border-radius:1em;
  z-index: 2;
  color: black;
}
.icons i{
  margin-right:0.2em;
  font-size:2.2em;
  z-index: 2;
  color: black;
}
.icons span{
  display:none;
  font-size:1.2em;
  vertical-align:top;
  z-index:2;
}
.active{
/*   background:pink; */
}

.bott{
  top: 95%;
}
/*Home Category*/
div.polaroid {
  width: 100%;
  background-color: white;
  
  margin-bottom: 25px;
}

div.container {
  text-align: center;
  padding: 10px 20px;
}
/*Home Category*/

/* FOOTER */

#footer {
  position:fixed;
  background-color: #fff;
}

/* IE 6 */
* html #footer {
  position:absolute;
  top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
/* FOOTER */
/**/


.icon-accueil{
  width:100%;
}




@media only screen and (max-width: 700px) {
  #footer {
    position:fixed;
  }
  .icon-accueil{
    width:42%;
  }

}

@media (max-width: 639px){

  .icon-accueil{
    width:39%;
  }
}


@media only screen and (max-width: 500px) {
  #footer {
    position:fixed;
  }

  .icon-accueil{
    width:35%;
  }

}
@media only screen and (max-device-width:480px){
  .iconbar{
    height:7%;
    width: 100%;}

  .bott{
    height:9%;
    width: 100%;}

  .icons i{
    font-size:2.4em;
  }
  .icons span{
    font-size:1.2em;
  }
  #footer {
    position:fixed;
  }

  .icon-accueil{
    width:30%;
  }
}