@media (max-width: 991px) {
				.navbar-collapse {
					position: absolute;
					top: 104px;
					left: 0;
					padding-left: 15px;
					padding-right: 15px;
					padding-bottom: 15px;
					width: 100%;
					z-index: 1;
					opacity:1;
					
				}
				.navbar-collapse.collapsing {
					height: auto;
					transition: all 0.3s;
					left: -100%;
					z-index: 1;
					opacity:1;
				}
				.navbar-collapse.show {
					left: 0;
					transition: all 0.3s;
					z-index: 1;
					opacity:1;
				}
		
			}
			
			@media (max-width: 576px) {
				
				.img-thumbnail {
					height: 25vw;
					
				}

				.card-columns {
					column-count: 2;
					
				}
			}			
			
			
			.navbar {
				height: 106px;
				font-family:IMFELLDWPicaPRO;
				padding-right:0!important;
			}
			
			.card-dark {
				color: #ffffff;
				background-color: #222222;
				border-color: #868A8D;
			}
			
			card-artwork {
				border-color: #222222;
			}

			.img-thumbnail {
				color: #ffffff;
				background-color: #222222;
				border-color: #868A8D;
				
			}		
			
			.modal-dialog {
				color: #ffffff;
				background-color: #222222;
				border-color: #868A8D;
			}			
			
			.modal-content {
				color: #ffffff;
				background-color: #222222;
				border-color: #868A8D;
			}
			
			.modal-header {
				color: #ffffff;
				background-color: #222222;
				border-color: #868A8D;
			}
			
			.modal-body {
				color: #ffffff;
				background-color: #222222;
				border-color: #868A8D;
			}
			
			h1 {
				font-family:IMFELLDWPicaPRO!important;
			}
			
			h2 {
				font-family:IMFELLDWPicaPRO!important;
			}
			
			h3 {
				font-family:IMFELLDWPicaPRO!important;
			}
			
			h4 {
				font-family:IMFELLDWPicaPRO!important;
			}
			
			h5 {
				font-family:IMFELLDWPicaPRO!important;
			}
			
			h6 {
				font-family:IMFELLDWPicaPRO!important;
			}

			body {
				background-color: #222222;
				padding-top: 70px;
			}

			.modal-open {
				padding-right:0!important;
				overflow: auto;
			}
			
			.modal {
				padding-right:0!important;
				overflow: auto;
			}

			[data-toggle="collapse"] .fa:before {  
			  content: "\f139";
			}

			[data-toggle="collapse"].collapsed .fa:before {
			  content: "\f13a";
			}