html, body {
  font-family: "Roboto", sans-serif;
  font-weight:400;
  font-style: normal;
}


img.card-img-top{
    display: block;
	width:800px;
	height: 30vh;
	min-height: 300px;
	object-fit: cover;	
}

h2{	
	margin-top: 20px;
	margin-bottom: 20px;
}

.card{
	margin-bottom: 40px;
	padding-bottom: 10px;
}

	.card h3{
		font-size: 1.3rem;
		margin: 10px 0;
	    color: #11ad94;

	}
	
	.card p{
		margin:0;
		font-size: 0.9rem;
	}

@media (min-width: 991px){
		
	.dropdown-menu.pre-scrollable.show {
		top: 53px;
		bottom: -1px;
		right: 0;
		position: fixed;
		border-radius: 0;
		overflow-x: hidden;
		overflow-y: auto;
	}	

}

@media (max-width: 991px){

	a#navbarDropdown {
		display: none;
	}

	ul.dropdown-menu.dropdown-menu-end.pre-scrollable {
		display: block;
		background: transparent;
	    height: 95vh;
		overflow-y: auto;
		border: 0;
		padding: 30px 0;
	}

	a.dropdown-item {
		color: #fff;
	}
	
	img.card-img-top{
		display: block;
		width:800px;
		height: 30vh;
		min-height: 250px;
		object-fit: cover;	
	}	
	
	.dropdown-item.active, .dropdown-item:active {
		color: #fff;
		text-decoration: none;
		background-color: #17ceb4;
	}	
}