#clanak_tekst img {
	border:     none;
	box-shadow: none;
	margin:     0.5em 0 0.5em 0;
}

.slika_mala {
	width:  120px;
	height: auto;
}

.slika_srednja {
	width:  200px;
	height: auto;
}

.slika_velika {
	width:  200px;
	height: auto;
}

.slika_kat_4 {
	width:  120px !important;
	height: auto;
}

#svg_platno {
	border:     solid 1px #e0e0e0;
	overflow:   auto;
}

#forma_ast_svg {
	margin:      0 0 36px 0;
	display: flex;
	flex-direction: column;
}

#forma_ast_svg input[type="text"] {
	width:       160px;
	margin:      12px 0 0 0;
	padding:     4px 10px 6px 8px;
	font-family: Inconsolata-Variable, monospace;
	font-size:   14pt;
	color:       #000;
	text-align:  initial;
}

#forma_ast_svg input[type="button"] {
	width:     180px;
	font-size: 10pt;
	margin:    24px 0 0 0;
	padding:   12px 0 12px 0;
}

/* ------------------------------ */
/* ---       RESPONSIVE      ---- */
/* ------------------------------ */

@media only screen and (min-width: 300px) {
	.slika_mala {
		width:  180px;
		height: auto;
	}

	#forma_ast_svg input[type="text"] {
		margin:    16px 0 0 0;
		width:     200px;
	}

	#forma_ast_svg input[type="button"] {
		width:     180px;
		font-size: 11pt;
		margin:    16px 0 0 0;
		padding:   12px 0 12px 0;
	}
	
	.slika_srednja {
		width:  240px;
		height: auto;
	}
	
	.slika_velika {
		width:  240px;
		height: auto;
	}

	.slika_kat_4 {
		width:  200px !important;
		height: auto;
	}
}

@media only screen and (min-width: 360px) {
	.slika_mala {
		width:  180px;
		height: auto;
	}
	
	.slika_srednja {
		width:  320px;
		height: auto;
	}
	
	.slika_velika {
		width:  320px;
		height: auto;
	}

	.slika_kat_3 {
		width:  240px !important;
		height: auto;
	}

	.slika_kat_4 {
		width:  220px !important;
		height: auto;
	}
}

@media only screen and (min-width: 768px) {
	#forma_ast_svg input[type="text"] {
		width:  50%;
		margin: 24px 0 0 0;
	}

	#forma_ast_svg input[type="button"] {
		margin:  20px 0 0 0;
	}

	.slika_mala {
		width:  210px;
		height: auto;
	}

	.slika_prva {
		width:  180px;
		height: auto;
	}

	/* .slika_mala:nth-child(1) { */
	/* 	width: 220px; */
	/* } */
	
	.slika_srednja {
		width:  350px;
		height: auto;
	}

	.slika_kat_3 {
		width:  300px;
		height: auto;	
	}

	.slika_kat_4 {
		width:  240px !important;
		height: auto;	
	}
	
	.slika_velika {
		width:  400px;
		height: auto;
	}
}