h2 {
  text-transform: uppercase;
  color: black;
  font-family: "Arial", "Verdana", "Sans-serif";
}

.filterDiv {
  float: left;
  background-color: black;
  width: 600px;
  height: 538px;
  display:none; 
}

.show {
  display: block;
}

.container {
  margin-top: 20px;
}

.title {
  float: left;
  background-color: white;
  width: 550px;
  height: 488px;
  text-align: center;
  color: black;
  font-family: "Arial", "Verdana", "Sans-serif";
  font-size: 100%;
  overflow: hidden;
  line-height:1.6;
  padding: 25px;
}

.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
  font-family: "Arial", "Verdana", "Sans-serif";
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #888;
  color: white;
}

.btn2 {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
  font-family: "Arial", "Verdana", "Sans-serif";
}

.btn2:hover {
  background-color: #ddd;
}

.btn2.active2 {
  background-color: black;
  color: white;
}


div.desc {
	background-color: #888;
	height: 170px;
    padding: 15px;
    text-align: center;
	font-family: "Arial", "Verdana", "Sans-serif";
	overflow: hidden;
	font-size: 80%;
	color: black;
}

iframe {
	margin:0;
	border:0;
	}
	
a:link {
    color: white; 
    background-color: transparent; 
    text-decoration: none;
}

a:visited {
    color: white;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: black;
    background-color: transparent;
    text-decoration: none;
}

a:active {
    color: white;
    background-color: transparent;
    text-decoration: none;
}