/* validiertes styles.css - für Einzelfotodateien - 26.8.2017 */
@media only screen and (min-width: 300px) and (max-width: 499px) {
    h1 {
        font-size: 1rem;
        line-height: 0.8;
    }
	.gridcontainer {
        display : grid;
        width : 100%;
        height : auto;
        grid-template-rows : 20% 1fr;
        grid-template-columns : 1fr 22% 22% 25% 22%;
        grid-column-gap : 0;
        grid-row-gap : 0;
        align-content : center;
    }
	.titel {display: none;}
}
@media only screen and (min-width: 500px) and (max-width: 800px) {
    h1 {
        font-size: 1.2rem;
        line-height: 1;
    }
	.gridcontainer {
        display : grid;
        width : 100%;
        height : auto;
        grid-template-rows : 10% 1fr;
        grid-template-columns : 1fr 11% 11% 10% 11%;
        grid-column-gap : 0;
        grid-row-gap : 0;
        align-content : center;
    }
}