/* Boje */

html {
	--light-blue: #38b4da;
	--dark-blue: #1e6191;
}

/* Reset */

/* Struktura */

body { margin: 0 }
.section {}
.section__content { max-width: 960px; margin: auto; padding: 4rem 1rem }
.hero { width: 100%; height: 100vh; background: center/cover url(/images/canva-villa-1.jpg); position: relative }
.hero__overcast { position: absolute; width: 100%; height: 100%; background: #6664 }
.hero-title { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center }
.hero-title__line { padding: .1rem .5rem }
.hero-title__top { margin-bottom: -.2em; z-index: 1; background-color: #38b4da; color: #fff }
.hero-title__bottom { background-color: #1e6191; color: #fff }
.credits { position: absolute; bottom: 0; font-size: .8rem }
.logo { position: absolute; left: -1.5rem; top: 0; width: auto; height: 3rem; z-index: 2; }
.langs { position: absolute; right: 1rem; top: .33rem; z-index: 2 }
.langs__link { color: #fff; font-size: .8rem; line-height: 2.5rem; text-decoration: none; text-transform: uppercase; display: inline-block }

/* Tipografija */

html { font: normal 18px Jost, sans-serif; color: #111112 }
h1 { margin: .5rem 0; font: 400 2rem Jost, sans-serif }
h2 { margin: .5rem 0; font: 600 2rem Jost, sans-serif; color: var(--dark-blue) }
p { margin: .5rem 0 }
.light-title { color: var(--light-blue) }
.footer { background-color: var(--dark-blue); color: #fff }
.footer__link { display: inline-block; color: #fff; line-height: 2rem; text-decoration: none; }
a { white-space: nowrap }
@media (min-width: 576px) {
	h1 { font-size: 3rem }
	.logo { left: -1rem; height: 4rem }
	.langs { right: 3rem; top: .75rem }
}
.footer__icon { width: 1.2em; height: 1.2em; vertical-align: -.3rem; margin-right:.2em }