body{margin:0;padding:0;}
a{text-decoration:none;}
.panel2024{width:100%;height:100vh;text-align:center;}
.panel2024 img{width:100%;max-width:666px;}

#header{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32c8ff+0,ffffff+29,ffffff+70,ff5000+100&0.2+0,0.2+100 */
background: linear-gradient(135deg,  rgba(50,200,255,0.2) 0%,rgba(255,255,255,0.2) 29%,rgba(255,255,255,0.2) 70%,rgba(255,80,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32c8ff+0,ffffff+29,ffffff+70,ff5000+100&0.2+0,0.5+100 */
background: linear-gradient(135deg,  rgba(50,200,255,0.2) 0%,rgba(255,255,255,0.29) 29%,rgba(255,255,255,0.41) 70%,rgba(255,80,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32c8ff+0,ffffff+29,ffffff+70,ff5000+100&0.5+0,0.5+100 */
background: linear-gradient(45deg,  rgba(50,200,255,0.5) 0%,rgba(255,255,255,0.5) 29%,rgba(255,255,255,0.5) 70%,rgba(255,80,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
@media(min-width:768px){
	#header{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#32c8ff+0,ffffff+29,ffffff+70,ff5000+100&0.5+0,0.5+100 */
background: linear-gradient(to right,  rgba(50,200,255,0.5) 0%,rgba(255,255,255,0.5) 29%,rgba(255,255,255,0.5) 70%,rgba(255,80,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	}
}
#header div{display:inline-block;vertical-align:middle;}
#header div:nth-of-type(1){width:99%;}
#header div:nth-of-type(2){width:1%;height:100vh;}
.panel2024:nth-of-type(2){background:#000;}

#timeline{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2825b+0,e55b2b+50,f07146+100;Red+3D+%232 */
background: linear-gradient(135deg,  #f2825b 0%,#e55b2b 50%,#f07146 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#timeline div{display:inline-block;vertical-align:middle;}
#timeline div:nth-of-type(1){width:99%;}
#timeline div:nth-of-type(2){width:1%;height:100vh;}


#social{min-height:860px;padding:50px 0;text-align:center;}
#social > div{display:inline-block;text-align:left;border:0px solid #333;}
@media(min-width:1000px){
	#social{min-height:100px;max-height:420px;}
}


#news > div > a > div{text-align:left;background:#efefef;border-bottom:2px solid #fff;}
#news > div > a >  div > div:nth-of-type(1){background:#aaa;display:inline-block;vertical-align:top;width:80px;height:80px;background-size:100% auto; /*auto 100%;*/background-position:center center;background-repeat:no-repeat;}
/*
#news > div > a >  div > div:nth-of-type(2){display:inline-block;vertical-align:top;border-bottom:0px solid #aaa;width:60%;padding:10px 20px 0;text-align:left;font-size:16px;}
*/

#news > div > a >  div > div:nth-of-type(2){display:inline-block;vertical-align:top;border-bottom:0px solid #aaa;width:calc(70%);padding:10px 20px 0;text-align:left;font-size:16px;border:0px solid #333;}

@media(min-width:1000px){
	/*
	#news > div > a >  div > div:nth-of-type(1){width:30%;height:250px;background-size:100% auto ;}
	#news > div > a >  div > div:nth-of-type(2){width:60%;font-size:24px;padding:40px 20px 0;}
	*/
	#news > div{background:#efefef;}
	#news > div > a > div{display:inline-block;width:49.7%;border-bottom:2px solid #fff;}
	#news > div > a >  div > div:nth-of-type(1){width:30%;height:250px;background-size:100% auto ;}
	#news > div > a >  div > div:nth-of-type(2){width:62%;font-size:24px;padding:40px 20px 0;border:0px solid #00f;}

}



#ads{background:#333;color:#fff;padding:50px 0;text-align:center;}
#ads div{margin-bottom:50px;text-align:center;}