/* ---- grid ---- */
/* Version which reshuffles with multiple columns, the wider the more columns (unlimited) */

/* clearfix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- grid-item ---- */

.grid-item {
    margin: 5px;
}

.grid-item--auto {
    width: auto;
    height: auto;
}

.grid-item--width-50perc {
    width: 50%;
}

.grid-item--width-100perc {
    width: 100%;
}

.grid-item--width1 {
    width: 190px;
    height: 100px;
}

.grid-item--width2 {
    width: 390px;
}

.grid-item--width3 {
    width: 480px;
}

.grid-item--width4 {
    width: 640px;
}

.grid-item--height2 {
    height: 200px;
}

.grid-item--height3 {
    height: 260px;
}

.grid-item--height4 {
    height: 360px;
}

/*Flexible card: width depends on screen size */
.grid-item--strech {
    /* no width, so will use available space */
}

/* "big" screen */
@media only screen and (min-width: 768px) {
    .grid-item--flex {
        width: 640px;
    }
}

/* "small" screen */
@media only screen and (max-width: 768px) {
    .grid-item--flex {
        width: 390px;
    }
}


.stamp {
    position: absolute;
}


.stamp1 {
    right: 0%;
    top: 0px;
    /*top: 10px;*/

    width: 350px;
}