.materijali{
	margin: 30px auto;
}

.materijaliBoksovi{
	margin: 0 0 10px 0;
	padding: 0;
	display: flex;
}
.tekstLevo{
  margin: 0;
  padding: 45px;
  width: 780px;
  height: 320px;
  background-color: rgba(236, 239, 241,0.5);
}
.tekstLevo p{
	margin: 1px;
}

.slicice{
  margin: 0;
  padding:0;
  width: 400px;
  height: 320px;
}
.tekstLevo h3{
text-align: center;
}
.tekstLevo .dugme{
	text-align: center;
	margin: 10px auto;
}


/* .imagePr{
width: 100%;
height: 350px;
	margin: 50px auto;
	padding: 0;
	overflow: hidden;
}
.imagePr img{

width: 100%;
}
.materijali{

	width: 100%;
  margin: 70px 0;
  padding: 0;
	justify-content: center;

}
.materijaliBoksovi{

  margin: 0 0 5px 0;
  padding: 0;
overflow: hidden;
display:flex;
/* flex-direction:
row;*/
/* flex-flow: wrap;
align-content: center;


}
.tekstLevo{
  margin: 0;
  padding: 45px;
  width: 780px;
  height: 320px;
  background-color: rgba(236, 239, 241,0.5);
}
.tekstLevo p{
	margin: 1px;
}

.tekstLevo .dugme{
	margin-top: 0px;
	padding: 0;
}
.tekstLevo .dugme a{
	background-color:#1e67c8;
	cursor:pointer;
	color:#fff;
	font-family:'Roboto',sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:13px 32p;
	text-decoration:none;

}
.tekstLevo .dugme a:hover{
	background: #e5e5e5;
	color: #1e67c8;
	transition: 0.5s;
}
.tekstLevo .dugme a:active {
	background-color:#1e67c8;
	color:#fff;

}
.slicice{
  margin: 0;
  padding:0;
  width: 400px;
  height: 320px;

}
.peneboks{
	margin: 0 auto;
	padding: 20px;
	background-color: rgba(236, 239, 241,0.6);
}
.penetacka li { */
/* display: flex; */

	/* text-align:left;
	margin: 0 auto;
  padding: 0;
list-style-type: disc;
}

@media screen and (min-width:601px) and (max-width: 1280px) {
	.materijaliBoksovi{
		margin: 5px 0;
padding: 20px;

	}
	.slicice{
text-align: center;
		width: 100%;
background-color: rgba(236, 239, 241,0.5);
		order: 1;
	}
	.tekstLevo{
		width: 100%;
		order: 2;
	 margin: 5px 0;
		padding: 20px;
	}
	.tekstLevo h3{
text-align: center;
	}
	.tekstLevo .dugme{
		text-align: center;
		margin-top: 50px;
	}

	} */

/* @media screen and (max-width: 768px) {
	.materijali{
		width: 90%;
		height: 100%;
		margin: 20px auto;

	}
	.materijaliBoksovi{
display: flex;
margin: 20px 0;
padding: 10px;


	}
	.slicice{
		width: 100%;
		text-align: center;
		order: 1;
background-color: rgba(236, 239, 241,0.5);
	}
	.tekstLevo{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px;
		order: 2;
	}
	.tekstLevo h3{
		font-size: 24px;
		text-align:
		center;
		border-bottom: 1px solid #ccc;
	}
	.tekstLevo p {
		font-size: 14px;

	}

	.tekstLevo .dugme{
		margin: 10px 0;
		text-align: center;
	}
} */
@media screen and (max-width: 1400px) {
	.tekstLevo{
		width: 100%;
height: auto;

		margin: 0;
		padding: 10px;

	}
	.slicice{
		margin: 0;
		padding: 0;
		width: 90%;
height: auto;
	}

}

@media screen and (max-width: 900px){


	.materijaliBoksovi{
display: block;
margin-bottom: 10px;
padding: 0;
	}


	.tekstLevo{
		width: 100%;
		height: 100%;

		margin: 0;
		padding: 10px;

	}
	.slicice{
		width: 100%;
		text-align: center;

background-color: rgba(236, 239, 241,0.5);
	}
}