html {
  scroll-behavior: smooth;
}

body {
	font-family: 'Raleway', sans-serif;
}

.hero-1 {
	background-image: url("../img/herobg.jpg"); /* The image used */
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
	height: 600px;
	padding-top: 14%;
}

@media only screen and (max-width: 992px) {
	.hero-1 {
		height: 500px;
	}
	.display-4 {
		font-size: 40px;
	}
}

h1, h2, h3, h4 {
	font-weight: 700 !important;
}

a {
	color: #FAC455;
	transition-duration: 0.2s;
}

a:hover {
	color: #af842b;
	text-decoration: none;
	transition-duration: 0.2s;
}

button.navbar-toggler {
	border: none;
}

.img-brand {
	max-width: 128px;
}


.display-4 {
	color: white;
	font-size: 48px;
}

.btn {
	border-radius: 50px;
	border: none;
	width: 160px;
	height: 48px;
	text-transform: uppercase;
}

.btn-hero {
	background-color: #facc6b;
	background-image: linear-gradient(315deg, #facc6b 0%, #fabc3c 74%);
	color: white;
	transition: all 0.15s ease-in;
	transform: scale(1);
}

.btn-hero:hover {
	transition: all 0.15s ease-in;
    transform: scale(1.1);
}

/*.btn-hero:hover {
	background-color: #bb9f06;
}*/

.language {
	margin-right: 8px;
}

.feature {
	background-color: #facc6b;
	background-image: linear-gradient(315deg, #facc6b 0%, #fabc3c 74%);
	width: 128px;
	height: 128px;
	border-radius: 64px;
	color: white;
	font-size: 48px;
	margin: auto;
	padding: auto;
	line-height: 128px;
	margin-bottom: 32px;
	margin-top: 32px;
	transition: top ease 0.3s;
	position: relative;
  	top: 0;	
}

.feature-img {
	width: 128px;
	height: 128px;
	margin: auto;
	line-height: 128px;
	margin-bottom: 32px;
	margin-top: 32px;
}

.feature-section {
	margin-bottom: 64px;
}


.feature-box:hover .feature {
	top: -8px;
}


.ustedi-novac, .vodi-racuna , .zabavi-se , .kontakt, .tri-razloga{
	padding: 32px;
}

.ustedi-novac {
	background-image: url("../img/ustedi-novac-bg.jpg"); /* The image used */
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	color: white;
}

.ustedi-sec {
	margin-top: 16px;
	margin-bottom: 16px;
	max-width: 90%;
}

.ustedi-img {
	margin-bottom: 32px;
}

.zabavi-se {
	background-image: url("../img/zabavi-se-bg.jpg"); /* The image used */
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	color: white;
}

.kontakt-podaci {
	padding: 16px;
}
.cena {
	font-size: 20px;
	font-weight: 700;
	color: #FAC455;
}

.cena2 {
	font-size: 20px;
}

@media only screen and (max-width: 992px) {
	.languages {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.languages-sm {
		display: none;
	}
}

@media (min-width: 768px) {
    .abs-center-x {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

.link-usluge {
	color: black;
	width: auto;

}


.footer-copyright {
	font-size: 12px;
}

.brand-1 {
	margin-right: 64px;
}

.social-icons {
	color: #facc6b;
	
	}