@import "stil.css";
@import "nav_traka.css";
@import "footer.css";

strong
{
	letter-spacing:  0.04em;
}

#wrapper
{
	background:      url("../slike/Pozadine/pozadina1.png");
	background-size: 100vw 100vh;
}

#telo_stranice_srednji
{
	display:         flex;
	flex-direction:  column;
	justify-content: flex-start;
	align-items:     stretch;
	text-align:      center;
	padding:         8px 8px 15px 8px;
	
}

#telo_stranice_srednji > article > iframe
{
	height: 35vh;
	width:  100%;
}

.info_odeljak, #info_email a
{
	letter-spacing:  0.04em;
}

.info_odeljak
{
	font-size:       12.5pt;
	margin:          0 0 10px 0;
	display:         flex;
	justify-content: center;
	align-items:     center;
}

#info_naslov
{
	font-family: Raleway-Light, Arial, sans-serif;
	font-weight: normal;
	font-size:   38pt;
	display:     none;
	margin:      30px 0 20px 0;
	color:       #000000;
	border:      none;
}

#info_podnaslov
{
	font-size:      13pt;
	margin:         12px 0 15px 0;
	font-weight:    bold;
	letter-spacing: 0.04em;
}

#info_adresa_1
{
	margin-bottom: 4px;
}

#info_tel
{
	display:         flex;
	flex-direction:  column;
	justify-content: flex-start;
}

#info_tel a
{
	letter-spacing: 0.06em;
}

#info_tel > div:first-child
{
	margin: 0 0 10px 0;
}

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

@media only screen and (min-width: 768px)
{
	#wrapper
	{
		background:      url("../slike/Pozadine/pozadina2.png");
		background-size: 100vw 100vh;
	}
	
	#nav_traka
	{
		background: RGBA(0, 0, 0, 0.8);
	}
	
	#info_naslov
	{
		display:     flex;
	}
	
	#info_podnaslov
	{
		font-size:      15pt;
		margin:         10px 0 10px 0;
		letter-spacing: 0.05em;
	}
	
	#telo_stranice_srednji
	{
		align-items:  center;
		padding:      0 0 24px 0;
	}
	
	#telo_stranice_srednji > article > iframe
	{
		width:  100%;
		height: 50vh;
	}
	
	#info_tel a
	{
		letter-spacing: 0.07em;
	}
	
	.info_odeljak
	{
		font-size:      14pt;
		letter-spacing: 0.05em;
	}
}