a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

.card {
 display: block;
 width: 18rem;
 height: 15rem;
 /* margin: 0 auto; */
  margin: 20px 60px 40px 20px;
 background-color: white;
 border-radius: 10px;
 overflow: hidden;
 text-align: center;
 box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
 transition: all 0.3s;

 &:hover {
 box-shadow: 0 6px 6px 0 rgba(0,0,0,.14),0 7px 5px -2px rgba(0,0,0,.2),0 5px 9px 0 rgba(0,0,0,.12);
 top: -4px;
 transform: translateY(-4px);
 }

 &:active {
   box-shadow: 0 0 0 0 rgba(0,0,0,.14),0 0 0 0  rgba(0,0,0,.2),0 0 0 0  rgba(0,0,0,.12);
   transform: translateY(4px);
 }


 .text {
   padding: 0.5rem;
 }
}

.hr {
   display: block;
   margin-before: 0.5em;
   margin-after: 0.5em;
   margin-start: auto;
   margin-end: auto;
   overflow: hidden;
   border-style: inset;
   border-width: 1px;
}

div.flex_container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
div.flex_item {
	-ms-flex: 2 1 490px;
	flex: 2 1 490px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0px 5px 10px 5px;
	width: inherit;
}
div.flex_item_small {
	-ms-flex: 1 1 240px;
	flex: 1 1 240px;
}
div.flex_item div.well-sm {
	display: block !important;
	width: auto !important;
}
div.flex_item div.well-sm {
	-ms-flex-positive: 1;
	flex-grow: 1;
}
div.flex_item div.well-sm a {
    white-space: nowrap;
}