.browse-group-image {
  margin-bottom: 12px;
  margin: 0 auto;
  max-height: 90px;
  max-width: 60px;
  margin-left: 5px;
  height: 60px;
}
.media-item2 {
  vertical-align: top;
  width: 110px;
  height: 150px;
  margin-left:  8px;
  margin-right: 8px;
  vertical-align: middle;
  text-algn: center;
}
.browse-group {
  float: left;
  text-align: center;
  margin-bottom: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-atemplates/snippets/group_items.htmllign: top;
  transition: all 400ms;
}
ul > li {
    display: inline-block;
    /* You can also add some margins here to make it look prettier */
}
/* =====================================================
   The "account masthead" bar across the top of the site
   ===================================================== */

/* The "bubble" containing the number of new notifications. */
.account-masthead .account .notifications a span {
  background-color: black;
}
/* The text and icons in the user account info. */
.account-masthead .account ul li a {
  color: rgba(255, 255, 255, 0.6);
}
/* The user account info text and icons, when the user's pointer is hovering
   over them. */
.account-masthead .account ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
  background-color: black;
}


/* ========================================================================
   The main masthead bar that contains the site logo, nav links, and search
   ======================================================================== */

.hero-text-heading {
	color: #fff;
	font-size: 40px;
	font-family: 'Montserrati', sans-serif;
	font-weight: bold;
}
.hero-text-description {
	color: #fff;
	font-size: 20px;
	line-height: 1.25;
}
.hero-text {
	text-align: center;
}
.homepage [role="main"] {
  border-top: 0px solid rgb(204, 204, 204);
 background-color: white !important;
 /*background-image: url(../../../base/images/materasfondo.jpg);*/
 background-size: contain;
 background-position: right center;
 background-repeat: no-repeat;
}
.masthead {
  /*background-color: rgb(255,255,255);*/
  #background: #0066cc;
background-color: #eee;
}
.masthead .nav > li > a {
	font-size: 18px;
	color: #206b82;
}
.homepage .box {
	border: none;
	box-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #4F6AAF;
    margin: 1em 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.search-form {
    border-bottom: none; */
}
.homepage .stats ul li {
    font-size: 18px;
}
li {
     list-style-type: none;
}
.homepage .stats ul li {
    float: left;
    width: fit-content;
    font-weight: 300;
}
.dataset-item {
    border-bottom: 1px dotted #dddddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.aa {
	text-decoration: underline;
}
.cc {
	padding-bottom: 10px;
}
ul.stats {
	display: flex;
	justify-content: space-between;
}