.deruna .institutional ul.button-list{
	margin-left:-100px;
}
.deruna .institutional ul.social-list li{
	display:inline-block;
	margin:auto 1.5vw;
}
.deruna .institutional ul.button-list li{
	display:inline-block;
	margin:auto 1.5vw;
	border:solid fff 1px;
}
.deruna .institutional ul.button-list li img{
	width:300px;
	width:170px;
	height:auto;
	display:inline-block;
	position:relative;
}
.deruna .institutional ul.button-list.services li img{
	height:75px;
	width:auto;
}
.deruna .institutional ul.button-list li,
.deruna .institutional ul.button-list li a{
	background:#fefefe;
}
.deruna .institutional ul.button-list li a{
	border:solid ddd 1px;
	
    display: inline-block;  /* Allows padding to be applied around the image */
    position: relative;     /* Helps in positioning the background correctly */
    text-align: center;     /* Center text, if any */
    padding: 10px;         /* Add padding around the image */
}
.deruna .institutional ul.button-list li a:hover{	
}
.deruna .institutional ul.button-list.grayscale li a{
    background-color: transparent; /* Default background (transparent) */
	filter: grayscale(100%);
	opacity:.6;
}
.deruna .institutional ul.button-list.grayscale li a:hover{
	background:#cde;
	background:#999;
	background:#ddd;
	background:#eee;
	border:none;
	filter: grayscale(0%);
	opacity:1;
}
.deruna .institutional ul.social-list img{
	height:3vw;
	width:auto;
	display:inline-block;
}
.banner{
	width:100%;
	height:auto;
	margin:15px auto;
}