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

img.social.title
{
  max-width: 32px;
  max-height: 32px;
  width: 32px;
  height: 32px;
  display: flex;
  text-align: center;

}

img.social
{
  height: 21px;
}

img.title
{
  width:100%; 
  max-width:100%; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: center;
}

img.blog.feature
{
  display: block;
  max-width: 60%; 
  max-height: 60%; 
  margin-left: auto;
  margin-right: auto;
  float: center;
}

img.blog
{
  margin: 5%;
  display: block;
  max-width: 60%; 
  max-height: 60%; 
  margin-left: auto;
  margin-right: auto;
  width: auto; 
  height: auto;
  float: center;
  object-fit: contain;
}

figure.cert img
{
  display: inline-block;
  width: 15%; 
  height: 15%; 
  margin-left: auto;
  margin-right: auto;
}

figure.cert figcaption
{
  caption-side: bottom;
  text-align: center;
  font-style: italic;
}

figure.blog figcaption
{
  caption-side: bottom;
  text-align: center;
  font-style: italic;
}

img.center
{
  display: block;
  width: auto; 
  height: auto;
  object-fit: contain;
}

figcaption.img {
  caption-side: bottom;
  text-align: center;
  font-style: italic;
}

div.cert img
{
  display: block;
  width: 15%; 
  height: 15%; 
  max-width: 15%; 
  max-width: 15%; 
  margin-left: 0%;
  margin-right: auto;
}

div.alert.alert-warning.note div.clr-row div[class^="clr-col-"] {

  font-style: italic;
 
  div.title
  {
    font-weight: bold;
    text-align: center;
  }
  
}

div.alert.alert-info.note div.clr-row div[class^="clr-col-"] {


  vertical-align: middle;
  margin-top: auto;
  
  div.title
  {
    font-weight: bold;
  }
  
}

div.card div.card-block div.clr-row div[class^="clr-col-"] {
  
  img.blog.list 
  {
    height: auto;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    padding: 1%;
  }
  
  img.study.list 
  {
    height: auto;
    width: 75%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    padding: 1%;
  }
    
  img.author.list 
  {
    height: auto;
    width: 75%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    padding: 1%;
    border-radius: 50%;
  }

  img.author
  {
    height: auto;
    width: 75%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    padding: 1%;
    border-radius: 50%;
  }
}

div.quote
  {
  line-height: 1.5;
  text-align: center;
  font-style: italic;
  font-family: "sans serif";
  font-size: xx-large;

  div.author {
    text-align: right;
    font-weight: bold;
    font-size: large;
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: auto;

  .item {
    width: calc(33.33% - 10px); /* 3 items per row */
    box-sizing: border-box;
    display: block;
    margin-top: 0%;
    height: auto;
  }
  
  .item img {
    width: 100%;
    border-radius: 8px;
    
  }
}

table .table.blog {
  width: 80%;
}

table tbody tr td.center {
text-align: center;
width: 80%;
}