.top-margin {
    margin-top: 5rem;
}

.top-margin-sm {
    margin-top: 2rem;
}

.text-larger {
    font-size: 1.2em;
}

.text-white {
    color: white;
}

.input-error {
    border-color: red;
}

.img-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1rem;
    margin-top: 1rem;
    height: calc(100dvh - 100px);
    overflow-y: scroll;
}

@media (min-width: 1000px) {
    .img-gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 1250px) {
    .img-gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 1500px) {
    .img-gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 1750px) {
    .img-gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 2000px) {
    .img-gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

@media (min-width: 2250px) {
    .img-gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

/*.img-container + .img-container {
    margin-top: 1em;
}*/

.img-small {
    max-width: 150px;
}

.space-at-end {
    height: 120px;
}

.full-img-container {
    margin-top: 1em;
    margin-bottom: 1em;
    height: calc(((100vw - 30px) / 2) * 3 );
}

.full-relative {
    position: relative;
}

.top-left {
    position: absolute;
}

.heart {
    padding: 1em;
    font-size: 1.8em;
    position: absolute;
    text-shadow: 0 0 10px pink;
}

.print-size-text {
    font-size: 1.4em;
    margin-top: 5px;
}

.cart-container {
    margin-top: 1em;
    height: calc(100dvh - 100px);
    overflow-y: scroll;
}

.img-ordered {
    background-color: #228f1c;
}

.push-to-bottom {
    padding-top: 2.6rem;
}

.cursive {
    font-style: italic;
}

.centered {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.btn-standard-size {
    width: 200px;
}