/* css styles */

.math.inline .MathJax  {
  font-size: 100% !important;
}

/* center the blockquote in the page */
.blockquote-wrapper {
   display: flex;
   padding: 0 20px;
}
.p {
    text-align: justify;
    text-justify: inter-word;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 90%;
    line-height: 1.5;
}


/* Blockquote main style */
.blockquote {
    position: relative;
    font-family: 'Barlow Condensed', sans-serif;
    max-width: 620px;
    margin: 40px auto;
    align-self: center;
    font-size: 90%;
    color: #686868; 
}

.grid img {
  border-radius: 8px;
  object-fit: cover;
}
.grid a {
  text-decoration: none;
}
.grid a:hover {
  text-decoration: underline;
}

.left-img {
  display: block;
  margin-left: 0;
  margin-right: auto;
}

.callout.big-callout .callout-body p {
  font-size: 1.02rem;
}

/* increase header size after 600px */
@media all and (min-width: 600px) {
    .blockquote h1 {
        font-size: 3rem;
        line-height: 1.2;
   }

}


.column {
  float:left;
  width:20%;
  margin-bottom:16px;
  padding:0 8px;
  display:block;
}
@media (max-width:62rem) {
  .column {
    width:25%;
    display:block; }
  }
@media (max-width:30rem){
  .column {
    width:45%;
    display:block;}
  }
.card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); }
.card img {
  padding-left:0;
  width: 100%; }
.container { 
  padding: 0 16px;
  text-align: center;
}
.container::after, .row::after{
  content: "";
  clear: both;
  display: table; }
.title { color: #006D5B; 
padding-left: 0px;}
.vitae { margin-top: 0.5em; }
.email {
  font-family: courier;
  margin-top: 0.5em;
  padding-left: 10px;
  margin-bottom: 0.5em; }
.button{
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%; }
.button:hover{ background-color: #555; }