*{
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	color: #343F57;
}

/*	Pocetak navigacije i hero sekcije	*/

.nav {
	height: 80px;
	width: 70%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 2em 0;
}
.nav > .nav-header > .nav-title {
}
.nav-title img{
	height: 80px;
	width: auto;
}
.nav > .nav-btn {
	display: none;
}
.nav > .nav-links {
	font-size: 1.2em;
}
.nav > .nav-links > a {
	padding: 1em 0.5em;
	text-decoration: none;
}
.nav-links a:hover{
	color: #FFD936;
}
.nav > #nav-check {
	display: none;
}
.nav-hero{
	display: block;
	justify-content: center;
	text-align: center;
	background-image: url('img/cover.jpg');
	background-position: center;
	background-size: cover;
}

/*	Hero sekcija unutar navigacije	*/

.hero{
	padding: 15em 0 10em 0;
}
.hero h1{
	font-size: 7em;
	padding: 20px 0;
	font-family: 'Bitter',serif;
}
.hero .hero-text p{
	font-weight: 700;
	padding: 3px;
	font-size: 1em;
}
.hero-text{
	margin-bottom: 25px;
}
.social-h{
	text-align: right;
	width: 70%;
	margin: 0 auto;
	padding-bottom: 5em;
}
.social-h a{
	padding-left: 1em;
}
.social-h a img{
	height: 30px;
}

/*	Dugme samo za hero sekciju	*/

.dugme1{
	text-decoration: none;
	font-weight: 700;
	border-bottom: 5px solid #343F57;
	padding: 10px 36px 10px 36px;
	font-size: 1.2em;
}
.dugme1:hover{
	animation-name: animacija1;
	animation-duration: 1s;
}
@keyframes animacija1{
	from{
		border-color: inherit;
	}
	50%{
		border-color: transparent;
	}
	to{
		border-color: inherit;
	}
}

/*	Sekcija o Akupunkturi	*/

.istorija{
	width: 70%;
	margin: 0 auto;
	text-align: left;
	display: flex;
	flex-direction: column;
}
.blok{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10em;
	padding: 5em 0;
}
.text h1,.text2 h1{
	margin-bottom: 1em;
	font-family: 'Bitter',serif;
	border-bottom: 5px solid #FFD936;
	padding-bottom: 0.5em;
	width: fit-content;
	font-size: 2.5em;
}
.text p,.text2 p{
	margin-bottom: 50px;
	text-align: justify;
	max-width: 650px;
	line-height: 1.5em;
}

/*	Dugme sa pozadinom	*/

.dugme2{
	background-color: #FFD936;
	border: 3px solid #FFD936;
	padding: 1em 3em;
	border-radius: 15px;
	text-decoration: none;
}
.dugme2:hover{
	border-color: #343F57;
	transition: 1s;
}

/*	Skecija o knjigama i cd-u	*/

.knjige-cd-inner{
	display: flex;
	justify-content: center;
	width: 70%;
	margin: 0 auto 5em auto;
}
.knjige-cd h1{
	text-align: center;
	margin: 2em auto;
	border-bottom: 5px solid #FFD936;
	padding: 0 1em 0.5em 1em;
	width: fit-content;
	font-family: 'Bitter',serif;
	font-size: 3em;
}
.knjiga{
	padding: 1em;
	text-align: center;
	display: flex;
	flex-direction: column;
	width: 25%;
}
.knjiga p{
	margin-bottom: 0.5em;
	line-height: 22px;
	text-align: center;
	padding: 0 0.5em;
}
.text-height{
	height: 6em;
}
.text-height2{
	max-width: 70%;
	margin: 0 auto;
}
.knjiga h2{
	margin: 1em 0;
	font-family: 'Bitter',serif;
}
.cd{
	display: flex;
	flex-direction: column;
	text-align: left;
	justify-content: space-around;
}
/*	Zuto dugme	*/

.dugme3{
	margin: 1em auto;
	padding: 0.5em 1em 0.5em 1em;
	border-bottom: 5px solid #FFD936;
	width: fit-content;
	text-decoration: none;
	color: inherit;
	font-weight: 600;
}
.dugme3:hover{
	border-color: #343F57;
	transition: 0.5s;
}

/*	Citat sekcija	*/

.citat{
	background-color: rgba(82,104,64,0.05);
	text-align: center;
	padding: 5em 0;
}
.citat-inner{
	width: 60%;
	margin: 0 auto;
	line-height: 40px;
}
.citat-inner h1{
	font-weight: 400;
	font-family: 'Bitter', serif;
	font-style: italic;
	margin: 1em 0;
}
.slika h3{
	padding: 0px;
	margin: 0px;
	font-weight: 400;
}
.slika img{
	max-height: 100%;
}

/*	Sekcija o autoru	*/

.autor{
	text-align: center;
	padding: 10em 0;	
	background-image: url('img/cover-2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: white;
}
.autor h1{;
	font-family: 'Bitter',serif;
	font-size: 4em;
	color: white;
}
.autor-p{
	margin: 2em 0;
}
.autor-p > p{
	color: white !important;
	width: 40%;
	margin: 0 auto;
	line-height: 25px;
}
.dugme-autor{
	padding: 0.5em 1.5em;
	color: white;
	border-bottom: 5px solid white;
	text-decoration: none;
}

/*	Sekcija za pitanja	*/

.pitanja{
	text-align: center;
}
.pitanja h1{
	font-family: 'Birro', serif;
	font-size: 3.5em;
	margin: 1em 0;
}
.pitanja-inner{
	text-align: left;
	display: flex;
	justify-content: center;
	margin-bottom: 2em;
}
.lista{
	line-height: 30px;
}

/*	Sekcija za email formu	*/

.email-forma{
	text-align: center;
	margin: 5em 0;
}
.forma{
	width: 70%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.forma > input{
	height: 50px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid lightgray;
}
input:focus{
	outline: none;	
}
#forma-text{
	height: 250px;
	border: none;
	border-bottom: 1px solid lightgray;
	padding: 1em 0 0 0;
}
#forma-text:focus{
	outline: none;
}

/*	Dugme submit	*/

.submit-button{
	text-align: center;
	background-color: #FFD936;
	border: none;
	width: fit-content;
	margin: 2em auto;
	padding: 1em 2.5em;
	border-radius: 50px;
	font-weight: 700;
	cursor: pointer;
	font-size: 1em;
}
.submit-button:hover{
	color: #FFD936;
	background-color: #343F57;
	transition: 1s;
}
/*	Foter sekcija	*/

.footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 70%;
	margin: 0 auto;
	padding: 2em 0;
}
.footer img{
	height: 30px;
}
.footer a{
	margin-left: 0.5em;
}
.footer .logo{
	height: 80px;
}
.diplome{
	display: flex;
	justify-content: center;
	gap: 50px;
}

/*	Dizajn sajta za tablet/laptop	*/

@media only screen and (max-width: 1400px) {
	.nav,.social-h,.istorija,.knjige-cd-inner,.footer{
		width: 95%;
	}
}
@media only screen and (max-width: 1200px) {
	.knjige-cd-inner{
		width: 80%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-content: center;
		justify-content: center;
		align-items: center;
		justify-items: center;
		grid-gap: 2em;
	}
	.knjiga{
		width: 100%;
	}
	.blok{
		gap: 3em;
	}

}
@media only screen and (max-width: 1024px) {
	.blok-img{
		display: none;
	}
	.autor-p > p{
		width: 70%
	}
	.nav{
		width: 100%;
		padding: 0;
	}
	.nav > .nav-btn {
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 0px;
	}
	.nav > .nav-btn > label {
		display: inline-block;
		padding: 1.5em 1em;
	}

	.nav > .nav-btn > label > span {
		display: block;
		width: 30px;
		height: 10px;
		border-top: 3px solid #343F57;
	}
	.nav > .nav-links {
		position: absolute;
		display: block;
		width: 100%;
		background-color: #fff;
		height: 0px;
		transition: all 0.3s ease-in;
		overflow-y: hidden;
		top: 80px;
		left: 0px;
		color: #343F57;
	}
	.nav > .nav-links > a {
		display: block;
		width: 100%;
	}
	.nav > #nav-check:not(:checked) ~ .nav-links {
		height: 0px;
	}
	.nav > #nav-check:checked ~ .nav-links {
		height: calc(100vh - 80px);
		overflow: hidden;
	}

}
@media only screen and (max-width: 786px) {
	.hero{
		padding: 10em 0 5em 0;
	}
	.hero h1{
		font-size: 3em;
		padding: 20px 0;
		font-family: 'Bitter',serif;
	}
	.social-h{
		text-align: center;
		margin: 0 auto;
	}
	.social-h a{
		padding: 0.5em;
	}
	.footer{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.footer .social{
		margin: 1em 0;
	}
	.knjige-cd-inner{
		grid-template-columns: 1fr;
	}
	.logo{
		max-height: 50px;
		padding-left: 1em;
	}
	.nav > .nav-btn > label > span {
		display: block;
		width: 25px;
		height: 5px;
		border-top: 3px solid #343F57;
	}
	.blok{
		width: 90%;
		margin: 0 auto;
	}
	.pitanja h1{
		font-size: 2.5em;
	}
	.pitanja-inner{
		margin: 0 auto;
		text-align: center;
	}
	.pitanja-inner ul{
		margin-bottom: 1em;
	}
	.pitanja-inner ul li{
		list-style-type: none;
	}
	.autor-p > p{
		width: 90%;
	}
	.citat-inner h1{
		font-size: 1.5em;
		line-height: 30px;
	}
	.hero-text{
		display: none;
	}
	.knjiga img{
		width: 100%;
		height: auto;
	}
	.profilna-autor{
		width: 80%;
		height: auto;
	}
	.diplome{
		display: block;
		text-align: center;
	}
	.diplome img{
		width: 70%;
		height: auto;
	}
}