body{
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.938);
  font-weight: bold;
}

.navbar{
  background-color: transparent;
  position: relative;
  z-index: 4;
}

.nav-link{
  font-size: 1.2rem;
}

.navbar-brand{
  font-size: 1.6rem;
}

main{
  position: absolute;
  top: 0;
  z-index: 0;
}

.carousel-control-prev, .carousel-control-next{
  width: 8%;
} 

.site-wrapper{
  height: 800px;
}

.card, .list-group-item{
  background-color: rgba(0, 0, 0, 0.712)
}

.parallax{
  background-image: url('../img/dark_souls_dark_.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  height: 600px;
}

.carousel-caption{
  margin-bottom: 60px;
}

.card-body a{
  text-decoration: none;
  color: #f4f4f4;
}

.card-body a:hover{
  color: #333;
}

@media only screen and (max-device-width:320px){
  .site-wrapper{
    height: 200px;
  }

  .col-md-4{
    margin: 5% 0;
  }

  .carousel-control-next, .carousel-control-prev{
    display: none;
  }
}