.card {
    /* Add shadows to create the "card" effect
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
    transition: 0.3s;
    background-color: white;
    margin: 5%;
    overflow: hidden;
    height:
}

.flatcard {
    /* Add shadows to create the "card" effect
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
    transition: 0.3s;
    background-color: white;
    margin: 5%;
    overflow: hidden;
    height:
}

.homecard {
  background-color: white;
  margin: 5%;
  overflow: hidden;
  border-left:medium solid;
  border-bottom: medium none;
  min-height: 100px;
}

.drop-content{
  margin-left:10%;
  padding-top:1%;
  margin-top:-5%;
}
/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.flatcard:hover {
  color:blue;
}

/* Add some padding inside the card container */
.container {
    padding: 10px 16px;
    background-color: :white;

}

a:link {
    text-decoration: none;
}
img.card-left {
  float:left;
   position: relative;
   width: 20%;
   padding-right:5%;
}
img.card-right {
  float:right;
   position: relative;
   width: 20%;
   padding-left:5%;
}

img.bar-card-left {
  float:left;
   position: relative;
   width: 1%;
   height: 100%;
   background-color: blue;
   padding-right:5%;
}