div.cards{
  color: #000000;
  hr{
    width: 5%;
    border-bottom: 2px solid #00B9E6;
  }
}

div.desc-box{
  width: 290px;
  height: 410px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  img{
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  h2{
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 700;
  }
  div.desc{
    text-align: justify !important;
    -moz-text-align-last: left !important; /* Code for Firefox */
    text-align-last: left !important;
    padding : 15px;
  }
  div.desc:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  div.desc-transparency{
    text-align: left;
  }

  button{
    margin-top: 15px;
  }
}

@media only screen and (max-width : 768px){
  div.desc-box{
      width: 250px;
  }
}


div.box-shadow-card{
  box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
