@media ( max-width: 1000px) {

	.main { width: 100%;} 
	.col-25-t  { width: 25%; }
	.col-33-t  { width: 33.333%; }
	.col-50-t  { width: 50%; }
	.col-75-t  { width: 75%; }
	.col-100-t { width: 100%;}
	body{height:auto;}
	.ripae-sulcus-sinus{height:40px; padding: 8px 0 0 2%;}
	.textum{font-size: 1.8rem;}
	.menu-arca, .imperius-arca, .imperi{flex-direction: column;}
	.libreria-arca, .bank-arca{margin-top: 10px; font-size: 1.8rem}
	.bank-arca{height:33px;}
	.monosphaream-arca{height:40px;}
	.monosphaream-fenestram{font-size: 1.8rem;}
	.oscillator-arca, .filter-arca{padding:0;}
	.bloke-central{padding-top:20px;}
	.filter-arca, .delay-arca{ display:flex; justify-content:center; padding:0 25%; margin-top:20px;}
	.lfo-arca{padding:0; order:1; margin-top: 20px;}
	.modulatio-matrix-arca{ margin-top:20px; padding:0; order:2;}
	.delay-arca{order: 3; margin-top:30px;}
	.delay-freq, .delay-feed{transform: none; position: relative; top:-2px;}
	.delay-freq{order:1;}
	.delay-on-off-arca{order:2; margin:0 0 0 0; }
	.delay-freq{order:3;}

}

@media ( max-width: 768px) {
	.col-25-m  { width: 25%; }
	.col-33-m  { width: 33.333%; }
	.col-50-m  { width: 50%; }
	.col-75-m  { width: 75%; }
	.col-100-m { width: 100%;}
	.filter-arca{padding:0 15%;}
	.matrix-item{padding:25px 1%; font-size: 1.8rem;}
}
@media ( max-width: 480px) {
	.col-25-m  { width: 25%; }
	.col-33-m  { width: 33.333%; }
	.col-50-m  { width: 50%; }
	.col-75-m  { width: 75%; }
	.col-100-m { width: 100%;}
	.filter-arca{padding:0;}
	.synthetizator{padding: 50px 5%;}
}