.animatedFadeInUp,
.fadeInUp{
	opacity:0
}

.organisers_table>div,
.support_organisers_table>div>div:first-child,
.support_organisers_table>div>div:last-child{
	display:inline-block;
	text-align:center;
	padding:5px;
	vertical-align:middle
}

body{
	height:100%
}

.organisers_table{
	width:60%;
	margin:auto
}


.organisers_table img{
	height:60px
}

#bottom-part{
	padding-top:50px
}

.bottom-part-div{
	height:180px;
	display:flex;
	align-items:center;
	justify-content:center
}

@media screen and (max-width:575px){
	#top-part{
		flex-direction:column
	}
}

@keyframes fadeInUp{
	from{
		transform:translate3d(0, 30px, 0)
	}

	to{
		transform:translate3d(0, 0, 0);
		opacity:1
	}
}

@-webkit-keyframes fadeInUp{
	from{
		transform:translate3d(0, 40px, 0)
	}

	to{
		transform:translate3d(0, 0, 0);
		opacity:1
	}
}

.animated{
	animation-duration:1s;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-webkit-animation-fill-mode:both
}

.fadeInUp{
	animation-name:fadeInUp;
	-webkit-animation-name:fadeInUp
}

.organisers_table>div{
	width:25%;
	height:100px
}

.organisers_table>div>a,
.support_organisers_table>div>div:first-child>a{
	display:block;
	height:100%;
	vertical-align:middle;
	position:relative
}

.organisers_table>div>a:hover{
	transition:.3s;
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1.5)
}

.organisers_table>div>a>img{
	top:50%;
	left:70%;
	transform:translate(-50%, -50%);
	position:absolute;
	max-width:95%;
	max-height:95%
}

.organisers_table>div.half_left{
	width:50%;
	position:relative
}

.organisers_table>div.half_right{
	width:50%
}

.support_organisers_table>div{
	display:inline-block;
	width:calc(50% - 10px);
	height:auto;
	padding:10px;
	margin:5px
}

.support_organisers_table>div>div:first-child{
	width:100%;
	height:170px
}

.support_organisers_table>div>div:first-child>a:hover{
	transform:translateY(-7px);
	transition:.3s;
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1.1)
}

.support_organisers_table>div>div:first-child>a>img{
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	position:absolute;
	max-width:95%;
	max-height:95%
}

.support_organisers_table>div>div:last-child{
	width:100%
}

.support_organisers_table>div.half_left,
.support_organisers_table>div.half_right{
	width:50%;
	height:190px
}

.support_organisers_table>div.half_left a{
	width:400px;
	float:right
}

.support_organisers_table>div.half_right a{
	width:280px;
	float:left
}

.organisers_wrapper img:hover{
	transform:scale(1.1)
}

.organisers_wrapper{
	color:#073e7f;
	margin:auto auto 10px;
	width:60%;
	border-bottom:1px solid #ccc
}

@media screen and (max-width:600px){
	.organisers_table>div{
		width:100%;
		position:relative
	}

	.organisers_table>div.half_left,
	.organisers_table>div.half_right{
		width:100%
	}

	.organisers_table>div>a>img{
		left:50%
	}
}

#top-part{
	display:flex;
	justify-content:center;
	flex-direction:row-reverse
}

.top-part-div{
	height:190px;
	display:flex;
	align-items:center;
	justify-content:center
}
.top-part .row .top-part-div:first-of-type{
	display:none
}
.top-part>div div:nth-child(2) img{ width: 250px; height: 130px; /*height:auto; width:35%*/}

.top-part .row .top-part-div:nth-of-type(4) img{
	width:197px;
	height:auto
}

@media (min-width:500px){
    #bottom-part .row{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (min-width:800px){
    #bottom-part .row{
        grid-template-columns:repeat(4, 1fr);
    }
}

#bottom-part .row{  
    display:grid;
}

.bottom-part img{
	width: 170px; height: 85px; margin:10px auto 10px auto;
    /*max-width:50%; height:auto; margin:10px auto 10px auto;*/
}

.bottom-logo img{
	max-width:95%;
	max-height:95%
}