/* --------------------------------- */
/*          General Styling          */
/* --------------------------------- */
.postcards {
    display: grid;
    gap: 50px;
}
.postcards .image-div img {
    display: block;
    width: 100%;
}
.postcards .image-div {
    border: 0px;
    aspect-ratio: 2 / 1;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.postcards .postcard {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.10);
}
.postcards h3.small-title {
    margin-bottom: 10px;
}
.postcards .postcard a {
    margin-top: 20px;
    width: 256px;
}
/* ------------------------------------ */
/*          Responsive Styling          */
/* ------------------------------------ */
@media screen and (max-width: 1100px) {
    .postcards {
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 1100px) {
    .postcards {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (min-width: 600px) {
    .postcards .info-div {
        margin: 50px;
    }
}
@media screen and (max-width: 600px) {
    .postcards .info-div {
        margin: 30px;
    }
}
@media screen and (max-width: 400px) {
    .postcards .postcard a {
        width: 215px;
    }
}