.boxes {
	width:600px;
	height:400px;
	margin:0px;
	margin-left:30px;
	margin-top:20px;
	border-radius: 20px;
	box-shadow: 0 4px 5px 1px black;
	overflow:hidden;
	object-fit: contain;
	border:1px solid #fff;
/*#main-img{width:960px;margin:0px auto;float:left;height:445px;z-index:-1;}*/
}
.boxes div {
}

#boxtext {
	border-top:1px solid #000000;
	display:block;
	position: absolute; 
	bottom: 0;
	left:0; 	
	width:100%;
	height:auto;
	padding-bottom:30px;
	padding-right:20px;
	padding-top:15px;
	padding-left:30px;
	background:#000000;
    background: rgba(0, 0, 0, 0.7);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 2px 2px #000000;
	font-style:italic;
	color:#ffffff;	
}
.box1 {
	background:url("../slike/box1.jpg") no-repeat center;	
    display: none;
	background-size: contain;
    background-repeat: no-repeat;
	padding:5px;
	position: relative;
	width:100%;
	height:100%;
}
.box2  {
	background:url("../slike/box2.jpg") no-repeat center;	
    display: none;
	background-size: contain;
    background-repeat: no-repeat;
	padding:5px;
	position: relative;
	width:100%;
	height:100%;
}
.box3  {
	background:url("../slike/box3.jpg") no-repeat center;	
    display: none;
	background-size: contain;
    background-repeat: no-repeat;
	padding:5px;
	position: relative;
	width:100%;
	height:100%;
}
.box4  {
	background:url("../slike/box4.jpg") no-repeat center;	
    display: none;
	background-size: contain;
    background-repeat: no-repeat;
	padding:5px;
	position: relative;
	width:100%;
	height:100%;
}
.box5  {
	background:url("../slike/box5.jpg") no-repeat center;	
    display: none;
	background-size: contain;
    background-repeat: no-repeat;
	padding:5px;
	position: relative;
	width:100%;
	height:100%;
}