.banner-container
{
  max-height:300px !important;
  1height: calc(100vh - 200px);
}

.filterContainer
{
	width:20%;
	height:80vh;
	overflow-y:scroll;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  #padding: 50px;
  font-size: 20px;
  z-index:99;
  top:0px !important;
  #padding:10px !important;
}

.filter
{
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	line-height:2.75em;
	color: #9a9a9a;
	font-size:var(--fs-400);
	padding:10px;

}

.filterstring
{
	text-align:center;
	width:100%;
	background-color:white;
}

.filterSelections
{
	#padding:10px;
	font-size:var(--fs-300);
	text-decoration:underline;
	
}

.filterSelections .selection
{
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	background-color:#f3f2ef;
	margin:10px;
	border-radius:2px;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  cursor:pointer;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


@media (max-width: 525px)
{
	.filterContainer
	{
		display:none;
	}

	.filterstring
	{
		top:60px !important;
		height:30px;
	}
	
}