html { 
  background: url(../img/ri_area_inetuser.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html, body { font-family: "T-Star";}
footer a { text-decoration:underline;color:black}

.hero {background:rgba(255,255,255,0.9)}
.hero-body { }
.hero-body h1 { font-size:3.2em;font-weight:normal; }
.hero-body h2 { font-size:1.3em;font-weight:normal}
.hero-body p { line-height:1.3em; margin-bottom:1em}
.hero-body p a { font-size:1.2em}
.hero-head { font-size: 1.6em; background:#f9f9f9;padding:10px}
.hero-foot { font-size: .8em; line-height: 1.6em; background:#f9f9f9;padding:10px}

.card {  
	background: rgba(255,255,255,0.7); 
	 box-shadow: 0px 10px 20px rgba(0,0,0,0.6);
	 border-radius: 5px;
   min-height:375px;
}

.tile {margin: 0em 1em}

.card a { color:black; font-size:1.2em}
.card img {width:100%}

.footer { 

 bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
  
  font-size: .8em; line-height: 1.6em; background:#f9f9f9;padding:10px
}



@media(max-width:1280px) {
  .card {  min-height:350px;}
}