#top{
	display: flex;
	position: relative;
}

.slider{
	float:left;
	width:68%;

}

.slider-wrapper{
	width:100%;
	height:100%;
}

.slide {
	opacity: 0;
	position:absolute;
	left:0px;
	width:68%;
	min-width:940px;
	transition: opacity 2s linear;
}

.slider-wrapper > .slide:first-child {
	opacity: 1;
}

#mission{
	background:lightgrey;
	width:32%;
	z-index:1;
}

#missionMini{
	background:lightgrey;
	padding-bottom:20px;
	display:none;
}


#triplet{
	width:100%;
	margin-top:10px;
	display: flex;

	
}

#triplet a{
	flex:1;
	background:lightgrey;
	margin:10px 5px 0px 5px;
	padding-bottom:20px;
}


#triplet a{
	text-decoration: none;
	color:black;
}

#triplet h2{
	padding-top:20px;
}

#triplet div img{
	width:100%;
}

/*tablet*/

@media screen and (max-width: 900px) {
	
	.slider{
		width:100%;
	}
	
	.slide{
		width:100%;
		min-width:100px;
	}
	
	
	#mission{
		display:none;
	}
	
	#missionMini{
		display:block;
	}
	
}
/*Mobile*/

@media screen and (max-width: 700px) {
	
	#triplet{
		flex-direction:column;
		
	}
	
	
	#triplet a{
		margin:10px 0px 0px 0px;
	}

}