.box{
	position: relative;
	display: inline-block; /* Make the width of box same as image */
}
.box .text{
	position: absolute;
	z-index: 999;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 35%; /* Adjust this value to move the positioned div up and down */
	text-align: center;
	width: 60%; /* Set the width of the positioned div */
	background-color: rgb(0,0,0,0.7); /* Set the background color to transparent black */
	border-radius: 50%;
}

.beer-img{
	color: darkgray; /*To define text color inside beer images*/	
}

.framea {
	border-radius: 2em;
	border-color: #009999;
	border-width: 5px;
}

.frameb {
	border-radius: 2em;
	border-color: #6A5ACD;
	border-width: 5px;
}

/* This is for publications page. Should be moved in a difference place. */
.pubframea{
	border-radius: 2em;
	border: 5px solid #4C535D;
}

.pubframeb{
    border-radius: .5em;
    border: 2px solid #4C535D;
}