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

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

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

#slika_3 {
	border:     none;
	box-shadow: none;
	width:      200px;
}

#div_statusi_baterije {
	display: flex;
	flex-direction: column;
}

#div_statusi_baterije span {
	font-family:   Inconsolata-Variable, monospace;
	font-size:     1.618rem;
}

#div_statusi_baterije span,
#div_statusi_baterije div {
	margin-bottom: 0.27rem;
}

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

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

	#slika_3 {
		width: 240px;
	}
}

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

	#slika_3 {
		width: 300px;
	}
}

@media only screen and (min-width: 768px) {
	.slika_mala {
		width:  240px;
		height: auto;
	}
	
	.slika_srednja {
		width:  520px;
		height: auto;
	}
	
	.slika_velika {
		width:  600px;
		height: auto;
	}

	#slika_3 {
		width: 320px;
	}
}

@media only screen and (min-width: 1024px) {
	.slika_velika {
		width:  480px;
		height: auto;
	}
}

@media only screen and (min-width: 1200px) {
	.slika_velika {
		width:  600px;
		height: auto;
	}
}

@media only screen and (min-width: 1400px) {
	.slika_velika {
		width:  480px;
		height: auto;
	}
}

@media only screen and (min-width: 1600px) {
	.slika_velika {
		width:  600px;
		height: auto;
	}
}