body {
	color: black;
}

.nowrap {
	white-space: nowrap;
}

.rgc-light {
	background: #e6e6e6;
} 

.navbar {
	background-color: #124734;
	color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255);
	background-color: #124734;
}

.dropdown-item, .dropdown-menu {
	color: #ffffff;
	background-color: #124734;
}

.active {
	color: yellow !important;
	background-color: #124734;
 }

[class^="bi-"] {
	font-size: 2rem; 
	color: cornflowerblue;
}

.rgc-hi:nth-of-type(even) {
	background-color: #e6e6e6;
}

.rgc-figure {
	max-width: 50%; 
	height:auto;
}

footer {
	background-color:#FFFFCC;
}

.rgc-img {
	height: 190px;
	width: 240px;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
	.w-rgc {
		width: 50% ! important;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.rgc-img {
		height: 100px;
		width: 120px;
	}
}

i.fas,
  i.fab {
	color:gray;
	font-size: 2em;
  }

  .rgc-spid {
	color:black;
  }

.card {
	margin-top: 10px;
}

.card-header {
	background-color: #124734;
	color: white;
}

.btn-rgc {
	background-color: #124734;
	color: white;
}

a:hover, a:focus { text-decoration: none !important;}

.mainImage {
	display: block;
}

.alright {
	text-align: right;
	padding: 10px;
}