* {
  box-sizing: border-box;
}

body {
  overflow: hidden;
}


/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}




.yellowstrip{
    background-color: #ffff00;
    width: 100%;
    position: absolute;
    top: 43%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px;
}


body{background-image: url(../image/masset.jpg);
background-size: cover}

.logo{width: 28%;margin-left: auto;margin-right: auto;}

@media only screen and (max-width:786px)
{
    .logo{width: 50%;}
}