body{
	background-color: #f5f5f5;
	font-family: "Open Sans";
	color: #333;
}

h1{
	margin: 80px 0 5px 0;
	text-align: center;
	font-weight: 300;
}

.subtitle{
	font-size: 15px;
	margin-bottom: 80px;
}

	.subtitle .congressus{
		height: 18px;
		margin: 3px 0 0 1px;
	}

.container{
	max-width: 960px;
	text-align: center;
}

ul.associations{
	padding: 0;
	margin: -3px -3px 17px -3px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
	ul.associations li{
		background-color: #fcfcfc;
		margin: 3px;
		flex-grow: 1;
		flex-shrink: 0;
		width: 200px;
		text-align: center;
		position: relative;
		cursor: pointer;
  }
  	
  	.image{
	  	height: 200px;
	  	padding: 20px;
  	}
		
		ul.associations li img{
			max-width: calc(100% - 10px);
			max-height: 160px;
			height: auto;
			vertical-align: middle;
			display:inline;
		}
		
		ul.associations li .img-helper {
		  display: inline-block;
		  height: 100%;
		  vertical-align: middle;
		  width: 0px;
		}
		
		ul.associations li .credits{
			position: absolute;
			text-align: center;
			left: 0;
			right: 0;
			width: auto;
		}
		
		
li.woodsprite:hover{
	background-color: rgba(116, 83, 63, 0.05);
}
li.lugus:hover{
	background-color: rgba(5, 105, 58, 0.05);
}
li.idun:hover{
	background-color: rgba(16, 88, 181, 0.05);
}
li.ps:hover{
	background-color: rgba(91, 137, 186, 0.05);
}
li.bernoulli:hover{
	background-color: rgba(54, 53, 143, 0.05);
}
li.cb:hover{
	background-color: rgba(226, 79, 61, 0.05);
}
li.dimensie:hover{
	background-color: rgba(63, 173, 69, 0.05);
}

#loginModal.lugus .modal-header{
	background-color: rgba(5, 105, 58, 1);
}
#loginModal.lugus form button{
	border: 2px solid rgba(5, 105, 58, 1);
	color: rgba(5, 105, 58, 1);
}
#loginModal.lugus form button:hover{
	background: rgba(5, 105, 58, 1);
}

#loginModal.idun .modal-header{
	background-color: rgba(16, 88, 181, 1);
}
#loginModal.idun form button{
	border: 2px solid rgba(16, 88, 181, 1);
	color: rgba(16, 88, 181, 1);
}
#loginModal.idun form button:hover{
	background: rgba(16, 88, 181, 1);
}

#loginModal.ps .modal-header{
	background-color: rgba(91, 137, 186, 1);
}
#loginModal.ps form button{
	border: 2px solid rgba(91, 137, 186, 1);
	color: rgba(91, 137, 186, 1);
}
#loginModal.ps form button:hover{
	background: rgba(91, 137, 186, 1);
}

#loginModal.bernoulli .modal-header{
	background-color: rgba(54, 53, 143, 1);
}
#loginModal.bernoulli form button{
	border: 2px solid rgba(54, 53, 143, 1);
	color: rgba(54, 53, 143, 1);
}
#loginModal.bernoulli form button:hover{
	background: rgba(54, 53, 143, 1);
}

#loginModal.cb .modal-header{
	background-color: rgba(226, 79, 61, 1);
}
#loginModal.cb form button{
	border: 2px solid rgba(226, 79, 61, 1);
	color: rgba(226, 79, 61, 1);
}
#loginModal.cb form button:hover{
	background: rgba(226, 79, 61, 1);
}

#loginModal.dimensie .modal-header{
	background-color: rgba(63, 173, 69, 1);
}
#loginModal.dimensie form button{
	border: 2px solid rgba(63, 173, 69, 1);
	color: rgba(63, 173, 69, 1);
}
#loginModal.dimensie form button:hover{
	background: rgba(63, 173, 69, 1);
}

.modal-content, .form-control, .btn{
	border-radius: 2px;
}

#loginModal input, #loginModal select{
	margin-bottom: 10px;
}
#loginModal img{
	max-width: calc(100% - 60px);
	max-height: 80px;
	margin: 20px 0px 30px 0px;
}
#loginModal .modal-header{
	color: white;
}
	#loginModal .modal-header .close{
		color: white;
	}

#loginModal form{
	text-align: left;
}
#loginModal form button{
	width: 100%;
	transition: 200ms all ease;
	border: 2px solid gray;
	background: #fff;
	font-weight: bold;
	font-size: 16px;
}
	#loginModal form button:hover{
		color: #fff !important; 
		background: gray;
	}