body, html {
  width: 100%;
  height: 100%;
}

body{
color: #ffffff;
background-image:url('https://thestoryshub.com/images/bg.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
font-family: 'Montserrat', sans-serif;
}

hr{
  color: #ffffff;
}

.card-1{
  color: #ffffff;
  height: 100%;
  border: none;
  background-image:url('https://thestoryshub.com/images/mobile.jpg');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.card-2{
  color: #ffffff;
  height: 100%;
  border: none;
  background-image:url('https://thestoryshub.com/images/discreet.jpg');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.card-3{
  color: #ffffff;
  height: 100%;
  border: none;
  background-image:url('https://thestoryshub.com/images/members.jpg');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.card-4{
  color: #ffffff;
  height: 100%;
  border: none;
  background-image:url('https://thestoryshub.com/images/book1.jpg');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.card-5{
  color: #ffffff;
  height: 100%;
  border: none;
  background-image:url('https://thestoryshub.com/images/book3.jpg');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.card-6{
  color: #ffffff;
  height: 100%;
  border: none;
  background-image:url('https://thestoryshub.com/images/book2.jpg');
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.card-intro{
  color:#b76fff;
}
.card{
  padding: 35px;
  border-radius: 0px;
}
.card-footer{
  background-color: #ffffff;
  border-radius: 0px;
}
a {
  text-decoration: none;
  color:#b76fff;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
a:hover {
    color:#e5cbff;
    text-decoration: none;
}
nav.navbar{

  background-color: transparent;
}
footer{
  /*padding: 50px;*/
  background-color: ;
}
.container{
  /*background-color: ;
  background:rgba(255,255,255, 0.5);
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);*/
}
.intro{
  padding: 30px;
  /*background-color: #1c162b;*/
  /*height: 30vh;*/
}
/*h1.mt-5{
  margin-top: 40px;
}*/
.section-a{
  padding: 30px;
  /*height: 30vh;*/
  /*background-color: #1c162b;*/
}
.section-b{
  padding: 30px;
  /*height: 40vh;*/
  background-color: ;
}