@media only screen and (min-width: 600px) {
  .my-auto {
    padding-top: 2%;
    padding-right: 40%;
  }
}

#container img {
  left: 50%;
  height: 150px
}

img {
    width: auto; /* You can set the dimensions to whatever you want */
    height: 300px;
    object-fit: scale-down;
}

.card:hover {
  cursor: pointer;
}

@font-face {
    font-family: 'day_romanregular';
    src: url('dayrom__-webfont.woff2') format('woff2'),
         url('dayrom__-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
a {
  font-family: 'day_romanregular';
}

.day-roman {
  font-family: 'day_romanregular';
}

h3 {
  font-size: 100%;
}

h1, h2, h3, h4, p {
  font-family: 'Open Sans', ;
}