.medievalsharp-regular {
  font-family: "MedievalSharp", cursive;
  font-weight: 400;
  font-style: normal;
}

.card-medieval{
  
}
.form-card{
  padding: 20px 10px;
  width: 400px;
  margin: auto;
}

html, body {
  height: 100%;
}

.wrapper {
  min-height: 100%;
}

.main-content{
  overflow:auto;
  padding-bottom:50px; /* this needs to be bigger than footer height*/  
}

.page-footer {
  position: relative;
  margin-top: -50px;
  height: 50px;
  clear:both;
} 
@media only screen and (max-width: 576px) {
  .container, .container-fluid {
    padding: 0px 10px;
  }

  .page-footer{
    margin-top: 20px;
  }
  .form-card{
    .width: 70%;
  }

}

h1{
  text-align: center;
}

.comment-spinner{
  position: relative;
  bottom: -10px;
  left: 10px;
}

.post-image{
  width: 200px;
  height: 113px;
}

.cookie-consent-container{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9999;
}