/* Custom About Us styles */

/* import grid and reset */
@import "grid.css";

/* import setup css with variables */
@import "setup.css";

/* -------------- Header -------------- */
.site-header {
	color: var(--primary-color);
}
.page-template-uber-uns .site-header .header-container .main-nav .menu li a {
	color: var(--primary-color);
}
/* -------------- End of header -------------- */

/* -------------- Hero -------------- */
.hero-section {
	background-size: cover; 
	background-position: center; 
	position: relative;
	margin: 100px 0;
}
.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* 0.4 = 40% zatamnjenja */
}
.hero-section h1 {
	margin: 0; 
	padding: 100px 0;
	color: var(--yellow);
}
/* -------------- End of hero -------------- */

/* -------------- Main -------------- */
.site-main h2{
	text-align: center;
}
.site-main p{
	margin: 34px 0 84px 0;
}

/* -------------- End of main -------------- */

.features-grid {
	display: flex;
	margin: 34px 0 84px 0;
}
.features-card {
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 20px;
}
.icon-border {
	width: 115px;
	color: var(--secondary-color);
}

/* -------------- Mobile responsive -------------- */
@media (max-width: 768px) {
	.hamburger {
		color: var(--primary-color);
	}
	.page-template-uber-uns .site-header.scrolled .header-container .hamburger {
		color: var(--white);
	}
	.page-template-uber-uns .site-header .header-container .main-nav .menu li a {
		color: var(--white);
	}
	.container {
		max-width: 320px;
		margin: 0 auto;
	}
    .hero-section {
		min-height: 0;
        margin: 100px 0;
    }
	.hero-section h1 {
		padding: 55px 0;
	}
	.features-grid {
		flex-direction: column;
	}
/* -------------- End mobile responsive -------------- */