div.inside {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        z-index: 12;
    }

    a.showall {
    	display: none;
		padding: 4px 10px;
    	text-align: center;
    	color: #fff;
    	text-decoration: none;
    	background-color: var(--main-link-color);
    	border:transparent solid 1px;
    }

    a.showall:hover,
    a.showall:focus {
    	color: var(--main-link-color);
    	background-color: #fff;
    	border-color:var(--main-link-color);
    }

    .frame {
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
		/* margin-left: auto; */
		/* margin-right: auto; */
		overflow-x: hidden;
	}

    .frame.fcenter {
    	justify-content:center;
    }

	    .frame.vstretch .element {
	    	align-self: stretch;
	    	display: flex;
	    	flex-direction: column;
	    	justify-content: space-between;
	    	align-items: center;
	    }

	.element {
		position:relative;
	}

	.fmax-1 {
		width:100%;
		margin-right: 0%;
		margin-bottom: calc(var(--margin-sides-max) * -1);
	}
	.fmax-1 .element {
		width:100%;
		margin-right: 0%;
		margin-bottom: var(--margin-sides);
	}

	.fmax-2 {
		width: 102%;
		margin-right: -2%;
		/* margin-bottom: -2%; */
	}
	.fmax-2 .element {	
		width: 48%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.fmax-3 {
		margin-bottom: -3%;
		margin-right: -3%;
		width: 103%;
	}
	.fmax-3 .element {
		width: 30.3333%;
		margin-right: 3%;
		margin-bottom: 3%;
	}
		
	.fmax-4 {
		width:102%;
		margin-right: -2%;
		margin-bottom: -2%;
	}
	
	.fmax-4 .element {	
		width:23%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.fmax-5 {
		margin-bottom: -2%;
		margin-right: -2%;
		width: 102%;
	}
	.fmax-5 .element {
		width: 18%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.fmax-7 {
		margin-bottom: -1%;
		margin-right: -1%;
		width: 101%;
	}
	.fmax-7 .element {
		width: 13.28%;
		margin-right: 1%;
		margin-bottom: 1%;
	}

	.fmax-8 {
		margin-bottom: -1.5%;
		margin-right: -1.5%;
		width: 101.5%;
	}
	.fmax-8 .element {
		width: 11%;
		margin-right: 1.5%;
		margin-bottom: 1.5%;
	}

/***************************************************************************************************
****************************************************************************************************/
 
    @media (max-width: 1900px) { 
		.f1900-1 {
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides-max) * -1);
		}
		.f1900-1 .element {	
			width:100%;
			margin-right: 0%;
			margin-bottom: var(--margin-sides-max);
		}
		.f1900-2 {
			width: 104%;
			margin-right: -4%;
			margin-bottom: -4%;
		}
		.f1900-2 .element {
			width: 46%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.f1900-3 {
			margin-bottom: -3%;
			margin-right: -3%;
			width: 103%;
		}
		.f1900-3 .element {
			width: 30.3333%;
			margin-right: 3%;
			margin-bottom: 3%;
		}
		.f1900-4 {
			width:102%;
			margin-right: -2%;
			margin-bottom: -2%;
		}
		.f1900-4 .element {	
			width:23%;
			margin-right: 2%;
			margin-bottom: 2%;
		}
    }

/***************************************************************************************************
****************************************************************************************************/
 
    @media (max-width: 1600px) { 
		.f1600-1 {
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides-max) * -1);
		}
		.f1600-1 .element {	
			width:100%;
			margin-right: 0%;
			margin-bottom: var(--margin-sides-max);
		}
		.f1600-4 {
			width:102%;
			margin-right: -2%;
			margin-bottom: -2%;
		}
		.f1600-4 .element {	
			width:23%;
			margin-right: 2%;
			margin-bottom: 2%;
		}
    }

/***************************************************************************************************
****************************************************************************************************/
 
    @media (max-width: 1262px) { 
		.f1262-1 {
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides-max) * -1);
		}
		.f1262-1 .element {	
			width:100%;
			margin-right: 0%;
			margin-bottom: var(--margin-sides-max);
		}
		.f1262-2 {
			width: 104%;
			margin-right: -4%;
			margin-bottom: -4%;
		}
		.f1262-2 .element {
			width: 46%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.f1262-4 {
			width:102%;
			margin-right: -2%;
			margin-bottom: -2%;
		}
		.f1262-4 .element {	
			width:23%;
			margin-right: 2%;
			margin-bottom: 2%;
		}
    }
          
/***************************************************************************************************
****************************************************************************************************/

    @media (max-width: 991px) { 
		.f991-1 {
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides) * -1);
		}
		.f991-1 .element {	
			width:100%;
			margin-right: 0%;
			margin-bottom: var(--margin-sides);
		}
		.f991-2 {
			width: 104%;
			margin-right: -4%;
			margin-bottom: -4%;
		}
		.f991-2 .element {
			width: 46%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.f991-3 {
			margin-bottom: -3%;
			margin-right: -3%;
			width: 103%;
		}
		.f991-3 .element {
			width: 30.3333%;
			margin-right: 3%;
			margin-bottom: 3%;
		}
		.f991-4 {
			width:102%;
			margin-right: -2%;
			margin-bottom: -2%;
		}
		.f991-4 .element {	
			width:23%;
			margin-right: 2%;
			margin-bottom: 2%;
		}
    }
    
/***************************************************************************************************
****************************************************************************************************/

    @media (max-width: 768px) {
		.f768-2 {
			width: 102%;
			margin-right: -2%;
			margin-bottom: -4%;
		}
		.f768-2 .element {
			width: 48%;
			margin-right: 2%;
			margin-bottom: 4%;
		}
		.f768-1 {
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides-768) * -1);
		}
		.f768-1 .element {
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides-768) * 2);
		}
    }
    
/***************************************************************************************************
****************************************************************************************************/

    @media (max-width: 610px) {
		.f610-1 {
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides-768) * -1);
		}
		.f610-1 .element {
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides-768) * 2);
		}
		.f610-2 {
			width: 104%;
			margin-right: -4%;
			margin-bottom: -4%;
		}
		.f610-2 .element {
			width: 46%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.f610-3 {
			margin-bottom: -3%;
			margin-right: -3%;
			width: 103%;
		}
		.f610-3 .element {
			width: 30.3333%;
			margin-right: 3%;
			margin-bottom: 3%;
		}
    }

/***************************************************************************************************
****************************************************************************************************/

    @media (max-width: 480px) {
		.f480-hidden {
			display: none !important;
		}
		.f480-1 {
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides-480) * -1);
		}
		.f480-1 .element {	
			width:100%;
			margin-right: 0%;
			margin-bottom: calc(var(--margin-sides-480) * 2);
		}
		.f610-1:not(.f480-1) .element {
			margin-bottom: calc(var(--margin-sides-480) * 2);
		}
		.f480-2 {
			width: 104%;
			margin-right: -4%;
			margin-bottom: -4%;
		}
		.f480-2 .element {
			width: 46%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
    }