body {
    /* padding-top: 50px; */
    padding-bottom: 20px;
}

.pricing-header {
    max-width: 700px;
  }
  
  .card-deck .card {
    min-width: 220px;
  }

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.center {
    align-content: center;
}

.col-centered{
    margin: 0 auto;
    float: none;
}

.deepskyblue {
    color: deepskyblue;
}

.cornflowerblue {
    color: cornflowerblue;
}

.red {
    color: red;
}

.transparent {
    color : transparent;
}

.black {
    color : black
}

/* Scroll bar setting */
.scrollable-box{
    max-height: 400px;
    overflow-y: scroll;
}

.card-img-overlay{
    padding: 0;
    top: calc(50% - 0.5rem);
    text-align: center;
    font-weight: bold;
}

a img:hover{
    -webkit-filter: brightness(0.8);
    -moz-filter: brightness(0.8);
    -o-filter: brightness(0.8);
    -ms-filter: brightness(0.8);
    filter: brightness(0.8);

}