/* FOOTER STILOVI */
.site_footer {
	width:100%;
	margin-top: 3vw;
    padding: 3vw 1vw;
	background-color: rgb(77,77,77);
    color: #f5f5f5;
}
	.footer_container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 1200px;
		margin: 0 auto;
	}
		.footer_section {display: flex; flex-direction: column; align-items: flex-start; line-height: 1.3;}
		.footer_section h4 {font-size:clamp(14px, 1.3vw, 24px);}
		.footer_section p, .footer_section a {font-size:clamp(10px, 1vw, 17px);	color: #f5f5f5;	text-decoration: none;}
			.social_icons {
				display: flex;
				gap: 1vw; /* razmak između ikona */
				justify-content: center; /* centriranje */
				align-items: center;
				margin: 1rem 0;
			}
			.social_icons img {width: clamp(24px, 4vw, 48px); transition: transform 0.3s ease, filter 0.3s ease; cursor: pointer;}
			.social_icons img:hover {transform: scale(1.2);	filter: brightness(1.7);}
	.footer_bottom {
		text-align: center;
		margin-top: 3vw;
		font-size:clamp(10px, 1vw, 17px);
		border-top: 1px solid rgb(255,213,213);
		padding-top: 1vw;
	}



@media (max-width: 768px) {
    .footer_container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
	.social_icons {
		gap: 2vw; /* razmak između ikona */
	}
}