.body,html{
background-image: url(../images/background4.png); 
background-attachment: fixed;
background-size:100% 100%; 
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.image-container{
	height:400px; 
	overflow:hidden;
}
img{
	position:relative;
	top:-65px;
} 
.img-border{
	border: 2px solid rgba(0,0,0,0.2);
	border-radius:100%;
}
.info-bar{
	display:block;
	color:white;
	font-size:13px;
	margin-top:-20px;
	float:left;
	width:100%;
	text-align:center;
}
.lang{
	position:absolute; 
	color:white; 
	top:20; 
	right:20; 
}
.lang a{
	cursor:pointer;	
}
.lang a:hover{
	font-weight:bold;
}
.info-bar-pl{
	display:none;
	color:white;
	font-size:13px;
	margin-top:-20px;
	float:left;
	width:100%;
	text-align:center;
}
.link-bar{
	display:block;
	color:white;
	font-size:16px;
	margin-top:-50px;
	float:left;
	width:100%;
	text-align:center;
	font-weight:600;
}
.test-container{
	margin-top:50px;
	padding:10px;
	text-align:center;
	overflow:hidden;
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	padding-top:60px;
}
.logo-container{
	width:200px;
	height:260px;
	background:#292b2c;
	margin:5px;
	
	float:left;
	border: 2px solid rgba(0,0,0,0.2);
	padding:5px;
	cursor:pointer;
	margin-bottom:60px;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(8,68,110,1);
    -moz-box-shadow: 0px 0px 5px 3px rgba(8,68,110,1);
    box-shadow: 0px 0px 5px 3px rgba(8,68,110,1);
	
}
.image{
	width:120px;
	height:120px;
	transition:1s;
	opacity:0.9;
}
a{
	opacity:0.9;
}
.image:hover{
	 opacity:1;
	 -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.image:hover a{
	  opacity:1;
}
a:hover{
 opacity:1;
}
a:hover .image{
 opacity:1;
  -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.logo-container:hover  .image{
 opacity:1;
  -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.imagetable{
	width:180px;
	height:180px;
	padding:5px;
}

.logo{
		  
			animation:rainbow 3s linear;
	  }
	  
@keyframes rainbow {

	0% {
		opacity: 0.1;
	}
	10% {
		opacity: 0.2;
	}
	20% {
		opacity: 0.3;
	}
	30% {
		opacity: 0.4;
	}
	40% {
		opacity: 0.5;
	}
	50% {
		opacity: 0.6;
	}
	60% {
		opacity: 0.7;
	}
	70% {
		opacity: 0.8;
	}
	80% {
		opacity: 0.9;
	}
	90% {
		opacity: 0.95;
	}
	100% {
		opacity: 1;
	}

}