#primary-container {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%; /* 100% of the viewport height */
  overflow: auto;
  width: 100%;
  background-color: #f5f5f5; /* light gray */
}

.container {
	max-width: 1000px; 
	margin: 0 auto;
}

#header {
	background-image: url('/style/header.jpg');
	background-size: cover;
	height: 180px;
}

nav#navbar {
  background: linear-gradient(to bottom, #333333, #222222);
  position: relative;
}

nav#navbar:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 5px;
  /*background-color: #3299a8;*/
}

nav#navbar ul li a {
  color: #fff;
  text-decoration: none;
  padding: 10px;
}

nav#navbar ul li a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  /*background-color: #3299a8;*/
}

/*nav#navbar ul li a.active {
  background-color: #3299a8;
}*/

nav#navbar .dropdown-menu {
	display: none;
}
nav#navbar .dropdown:hover .dropdown-menu {
	display: block;
}


.dropdown-menu {
    background-color: #333 !important;
    color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
}

.dropdown-item:hover {
    background-color: #555;
}

#content {
	background-color: white;
	padding-bottom: 0; /* remove the bottom padding */
}

footer#footer {
  height: 45px;
  background-color: #333;
  margin-top: auto; /* dock the footer to the bottom of the parent container */
  padding: 10px; /* add some padding */
  color: #fff; /* white text color */
  text-align: left; /* center the text */
}

footer a {
  color: #fff; /* white text color for links */
  text-decoration: none; /* remove underline */
}

footer a:hover {
  text-decoration: none; /* remove underline on hover */
  color: #fff;
}  

table tr th {
  padding: 10px 0;
}

table tr td {
  padding: 10px;
}
.btn-amazon {
  background-color: orange;
  border: 2px solid #333;
  color: white;
  border-radius: 2%;
  padding: 3px 7px;
}

.btn-amazon:after {
  color: white;
}

.btn-amazon:hover {
  text-decoration: none;
  color: white;
}