html {
    background-color: #463631;
    color: #000;
}

.double-sided {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.bg{
    background-image: url("../img/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position:
    z-index: -99999;
}

.head
{
    background-image: url("../img/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


a,a:active,a:visited{
    text-decoration: none;
    color: white;
}

.social-wrap{
    position: relative;
}

.twitter-button-wrap{
    background-color: HSLA(197, 100%, 47%, 1);
    color: white;
    text-align: center
}
td{
  color:white;
}

.facebook-button-wrap{
    background-color: HSLA(221, 39%, 45%, 1);
    color: white;
    text-align: center
}

.facebook-button-wrap a,.twitter-button-wrap a{
    color: white;
    font-size: 36pt;
}
.khaled-surface{
  background-color: #f87;
  background: url('../img/khaled-4.png');
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 999999;
  background-size: contain;

}
.khaled-surface-1{
  background-color: #f87;
  background: url('../img/khaled-5.png');
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 999999;
  background-size: contain;

}
.khaled-surface-2{
  background-color: #f87;
  background: url('../img/khaled-6.png');
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 999999;
  background-size: contain;

}
.khaled-surface-3{
  background-color: #f87;
  background: url('../img/khaled-2.png');
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 999999;
  background-size: contain;

}

.dove-surface{
  background-color: #f87;
  background: url('../img/dove.png');
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 999999;
  background-size: contain;

}

@keyframes animatedBackground {
  from {background-position: 0 0;}
  to { background-position: 100% 0; }
}
@-webkit-keyframe animatedBackground {
  from { background-position: 0 0; }
  to { background-position: 100% 0; }
}

.kw
{
  /*background: url('../img/Kouis_Wuitton.svg');
  background-position: 0 0;*/
}
 .kwMove
 {
  background-position: 0% 150px;
 }