.cont {

	width: 960px;

	min-width: 960px;

	margin-left: auto;

	margin-right: auto;

}


.obavestenja {

	display: inline-block;

	height: 60px;

	width: 450px;

	border:1px solid #fff;

	padding:10px;

	margin-top: 7px;

	margin-bottom: 7px;

	transition: all 0.3s ease-in-out;

}

.obavestenja:nth-child(even) {

	float: right;

}



.obavestenja:hover {

	

	border:1px solid #d13b6a;

	transition: all 0.3s ease-in-out;	

}

.overlay {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.7);

  transition: opacity 500ms;

  visibility: hidden;

  opacity: 0;

}

.overlay:target {

  visibility: visible;

  opacity: 1;

}

.popup-obv {

  margin: 100px auto;

  padding: 20px;

  background: rgba(0,0,0,0.7);

  color:white;

  border-radius: 5px;

  width: 50%;

  height: 50%;

  position: relative;

  transition: all 5s ease-in-out;

  border:1px solid #fff;

}



.popup-obv h2 {

  margin-top: 0;

  color: #fff;

  font-family: Tahoma, Arial, sans-serif;

}

.popup-obv .close {

  position: absolute;

  top: 20px;

  right: 30px;

  transition: all 200ms;

  font-size: 30px;

  font-weight: bold;

  text-decoration: none;

  color: #fff;

}

.popup-obv .close:hover {

  color: red;

}

.popup-obv .content {

 

  overflow: auto;

}

#popup-button-more {

  margin-bottom:50px;

}