@charset "utf-8";
/* CSS Document */
#rec{ display:flex;align-content:center;justify-content:center;align-items:stretch;flex-flow:row wrap;}
.rec {position: relative;margin:5% auto ;padding: 0 0 5em 0;transition: 0.5s ease; background:#FFF; border:#CCC 1px solid; box-shadow:0 5px 10px #999999}
/*.rec:hover{transform:scale(1.1);box-shadow: 0px 0px 30px rgba(0,0,0,1);z-index:9999}
.rec:hover span {height: 50%;}
.rec .long:hover span {height: 90%;}
.rec img {position: absolute;top: 0;left: 0;cursor: pointer;}
.rec span {width: 100%;height: 1.5em;line-height: 1.5em;padding: 0 1rem;font-size: .9em;color: rgba(255,255,255,1);font-weight:bold;transition: 0.5s ease;text-shadow: 0 0 1em #000;overflow:hidden;position: absolute;bottom:0 !important;left: 0;}
.rec span {background:linear-gradient(180deg,rgba(0,0,0,0.0), #000, #000);}
.rec span a{color:#EDD19E; border-radius:2em; border:#EDD19E 2px solid; width:5em; margin:0.5em auto; padding:0 0.5em; line-height:1em; display:inline-block}
.rec span a:hover{color:#fff; border-radius:2em; background:#FC6; border: #C96 2px solid; width:5em; margin:0.5em auto; padding:0 0.5em; line-height:1em; display:inline-block}*/
.rec {
  padding: 2%;
  width:28%;
  min-width:300px;
  height:450px;
  
  display:inline-flex;
  align-content:center;
  flex-direction: column; 
  justify-content:center;

  
}
.rec h3{font-family:"Times New Roman", Times, serif;}
.rec div{border-bottom: #999 dotted 1px; color:#699; padding-bottom:2em; margin-bottom:2em; font-size:.9em}
.rec p{ font-size:.8em; line-height:2.5em}