@charset "utf-8";
@media (max-width: 525px){
.mobile{
	display: block;
}
	
.desktop{
	display: none !important;	
}
	
.container {
	display: block;
	width: 100%;
}
	


iframe{
    width:90vw !important;
	height: auto !important;
}


	

/*PROFILE COMPONENTS*/

#left_media{
    margin-left: 0px;
	display: flex;
	flex-direction: column;
	width: 30%;
}
#right_media{
	display:flex;
	flex-direction: column;
	width: 69%;
}
	
#intro{
	flex-direction: column;
	justify-content: center;
	align-content: center;
}

#online{
	width: 20vw;	
}

#intro > div{
	width: 90%;
	align-self: center;
}
	
.left_block{
	display: flex;
	flex-direction: column;
	border: solid 1px #011526;
	background-color:#F1F2D8;
	margin-left:1px;
}
	

#profile_pic{
	width:90%;
}

.right_block{
	display: flex;
	flex-direction: column;
	border: solid 1px #011526;
	background-color:#F1F2D8;
	margin-left: 1px;
}

/*TOP 8*/
#top_8 > li {
	flex: 0 0 49%;
	min-height: 20vw;
	max-height: 20vw;
}

/*END TOP 8*/

	
.eventinfo{
	flex-flow: row wrap;
}
.eventinfo > div{
	max-width: 100px;
	margin-bottom:5px;
}
table{
	width:100%!important; 	
}

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #E1F25C;
}

}