/*-Check: OK-20221105 compare to use in html file*/


/* needs margin set to zero. */
.figureNoMarginRelative {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.figureSmallMarginRelative {
    position: relative;
    margin: 0px 4px 4px 4px;
    padding: 0px;
}


/* -------- Division ---------- */
.divImageSp {
    width: 300px;
    margin: 8px;
    padding:0;
}

/* -------- Table ---------- */

.artpieceInfoTable {
    width: 300px;
    margin: 8px;    
    align-self:flex-start;
}


td {
	padding: 0.2em;
	vertical-align: top;
}

.navElement1 {
    margin: 8px;
}



/* FLEX BOXES */

.flexBoxWrapCenter {
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin-left: 5%;
    margin-right: 5%;
}

.flexBoxWrapStart {
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
}

.flexBoxSXp {
    width: 204px;
    margin: 8px;
    padding:0;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-self: flex-start;
}

/* Smartphones */
@media screen and (max-width: 480px)
{
	table{
		background-color: orange;
	}
}

/* Tablets */
@media screen and (min-width: 768px) and (max-width: 960px)
{
	table{
		background-color: orange;
	}
}

/* Desktop */
@media screen and (max-width: 960px)
{
	table{
		background-color: orange;
	}
}