/* css styles */

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

/* center the blockquote in the page */
.blockquote-wrapper {
   display: flex;
   padding: 0 20px;
}

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

/* 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: grey; 
padding-left: 10px;}
.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; }