/* Add a black background color to the top navigation */


.page-nav {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 65px;
  color: white;
  background: url("../img/bg-pattern.png"), #7b4397;
  background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: url("../img/bg-pattern.png"), linear-gradient(to left, #7b4397, #dc2430);
}

/* Style the links inside the navigation bar */
.page-nav a {
  color: #fdcc52;
  text-align: center;
  padding: 8px 10px;
  text-decoration: none;
  font-size: 18px;
}

/* Change the color of links on hover */
.page-nav a:hover {
  background-color: #662d91;
  color: white;
}

/* Add a color to the active/current link */
.page-nav a.active {
  background-color: #222222;
  color: white;
}

.sample {
  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 100px;
  color: white;
  background: url("../img/bg-pattern.png"), #7b4397;
  background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: url("../img/bg-pattern.png"), linear-gradient(to left, #7b4397, #dc2430);
}