body{
    margin: 0;
    padding: 0;
	background-color: #000;
	font-family: Calibri, Verdana, Arial;
	font-size: 16px;
	text-size-adjust: none;
	transition: all 0.5s;
}

#wrapper{
	display: flex;
	flex-flow: row wrap;
	transition: all 0.5s;
}

#image{
	background-color: #000;
	display: flex;
	flex: 1 1 0;
	padding: 10px 20px;
	background-image: url(/images/bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 80px;
	transition: all 0.5s;
}

#main{
	background-color: #f5ff00;
	flex: 1 1 auto;	
	width: 50%;
	min-width: 640px;
	max-width: 880px;
	padding: 40px;
	min-height: calc(100vh - 131px);
	transition: all 0.5s;
}

#top{
	display: flex;
	flex-flow: row wrap;
	flex: 1 100%;
	transition: all 0.5s;
}

#top1{
	display: flex;
	flex: 1 1 0;
	justify-content: left;
	align-items: center;
	transition: all 0.5s;
}

#logo{
	border: 0;
	width: 100%;
	max-width: 240px;
	transition: all 0.5s;
}

#top2{
	display: flex;
	flex: 1 1 0;
	justify-content: right;
	align-items: center;
	transition: all 0.5s;
}

#mobilenav{
	display: none;
	font-size: 250%;
	cursor: pointer;
	transition: all 0.5s;
}

#nav{
	margin: 0;
	padding: 0;	
	white-space: nowrap;
	transition: all 0.5s;
}

#nav li{
	display: inline-block;
	list-style-type: none;
	margin: 0 0 0 40px;	
	font-size: 140%;
	transition: all 0.5s;
}

#nav li a[href]{
	color: #000;
	text-decoration: none;
	transition: all 0.5s;
}

#nav li a[href].active{
	color: #fe019a !important;
}

#content{
	margin: 80px auto 40px auto;
	font-size: 110%;
	transition: all 0.5s;
}

#content h1{
	font-size: 220%;
	font-weight: normal;
	margin: 40px auto;
}

#content h1:first-child{
	margin: 0 auto 40px auto;
}

#content h2{
	font-size: 160%;
	font-weight: normal;
	margin: 20px auto
}

#content h2:first-child{
	margin: 0 auto 20px auto;
}

#content h3{
	font-size: 120%;
	font-weight: bold;
	margin: 15px auto
}

#content h3:first-child{
	margin: 0 auto 15px auto;
}

#content h4{
	font-size: 140%;
	font-weight: normal;
	margin: 10px auto
}

#content h4:first-child{
	margin: 0 auto 10px auto;
}

#content a[href]:link, #content a[href]:visited, #content a[href]:hover{
    text-decoration: none;
    color: #fe019a;
}

#content ul{
	list-style-type: square;
}

#content hr{
	border: none;
	background-color: #000;
	height: 1px;
}

#events{
	margin: 0 auto 80px auto;
	padding: 0;
	transition: all 0.5s;
}

#events li{
	list-style-type: none;
	margin: 0 auto 40px auto;
	transition: all 0.5s;
}

#events li h2{
	font-weight: bold;
	margin: 20px auto 0 auto !important;
}

#events li a[href]{
	color: #000 !important;
}

#events li .fa-brands, #events li .fa-solid{
	font-size: 140%;
	margin: 5px 10px 0 0;
}

#sponsors{
	margin: 0;
	padding: 0;
	transition: all 0.5s;
}

#sponsors li{
	list-style-type: none;
	margin: 0 40px 0 auto;
	transition: all 0.5s;
}

#sponsors li img{
	height: 140px;
	width: auto;
	transition: all 0.5s;
}

#bottom{
	display: flex;
	flex: 1 100%;
	padding: 10px 20px;
	background-color: #000;
	color: #fff;
	flex-flow: row wrap;
	transition: all 0.5s;
}

#flogo{
	display: flex;
	flex: 1 0 0;
	justify-content: left;
	align-items: center;
	font-size: 120%;
	font-weight: bold;
	transition: all 0.5s;
}

#flogo a[href]{
	color: #fff;
	text-decoration: none;
}

#sm{
	display: flex;
	flex: 1 0 0;
	justify-content: right;
	align-items: center;
	transition: all 0.5s;
}

#fnav{
	margin: 0;
	padding: 0;	
	transition: all 0.5s;
}

#fnav li{
	display: inline-block;
	list-style-type: none;
	margin: 0 0 0 20px;	
	font-size: 160%;
	transition: all 0.5s;
}

#fnav li a[href]{
	color: #fff;
	text-decoration: none;
}

@media only screen and (max-width:760px){
	#image{ display: none; }
	#main{ min-width: unset; max-width: unset; width: auto; min-height: unset; }
	#mobilenav{ display: inline-block; }
	#nav{ display: none; position: absolute; top: 130px; right: -210px; width: 210px; background: rgba(0,0,0,0.90); padding: 10px 0; z-index: 4000; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
	#nav li{ display: block; margin: 20px 40px; }
	#nav li a[href]{ color: #f5ff00; }
}