body {
    width:100%;
    height:100%;
   
}
html {
    width:100%;
    height:100%;
}
.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
   /*background:url('slids.jpg') no-repeat bottom center fixed;*/
    background-image:url(slids.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}

@media(min-width:767px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 25px;
    }
}
#adv{
  background:url('../img/4.jpg') no-repeat bottom center fixed;
  background-size:cover;
  -o-background-size:cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  color:#fff;
  text-align:center;
  padding:5%;
}
#bottom {
color:#fff; padding:10px;
}