@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,600,600i&display=swap');

body {
	margin:0;
	padding:0;
	border:0 none;
	font-family:'Nunito Sans',Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:22px;
	color:#000;
	text-align:justify;
	background-color:#fff;
}

.main,.side {
	box-sizing:border-box;
	float:left;
}

.main {
	padding:90px 90px 90px 98px;
	width:75%;
}

.side {
	width:25%;
	position:relative;
}

img {
	max-width:100%;
}

h2,strong {
	font-weight:600;
}

h1,h2 {
	text-align:left;
}

h2 {
	margin:30px 0;
	padding:14px 30px;
	font-size:30px;
	line-height:30px;
	color:#231f20;
	text-align: center;
	background-color: #fff;
	text-transform: uppercase;
}

sup {
	text-transform:lowercase;
}

/* --- CONTENT --- */
#content > div:nth-child(2n+1) {
	background-color:#f7f7f7;
}

/* --- HOME --- */
#home {
	width:100%;
	height:100vh;
	overflow:hidden;
}

#home_mobl {
	background-color:#f7f7f7;
	display:none;
}

#home_mobl h2 {
	margin: 0;
	border-bottom: 2px solid #fff;
	color: #fff;
	background-color: #231f20;
}

#home_mobl img {
	width:100%;
	display:block;
}

#home_imag {
	height:100vh;
	background:url('../img/event_image.jpg') center center no-repeat;
	background-size:cover;
}

#home .main {
	padding:0 8px;
	width:50%;
	height:100vh;
	display:table;
	background-color:#eee;
}

#home .main > div {
	box-sizing:border-box;
	width:100%;
	height:100%;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	background:#231f20 url('../img/home_main_back.png') center center no-repeat;
	background-size:cover;
}

#home_titl {
	margin:0 auto 10%;
	max-width:60%;
	font-size:0;
	line-height:0;
}

#home_titl > img {
	margin:0 auto;
	height:100%;
	display:block;
}


#cont_down {
	box-sizing:border-box;
	text-align:center;
}
#cont_down > div {
	margin:0 20px;
	width:110px;
	height:100px;
	background:url('../img/cont_back.png') center center no-repeat;
	background-size:contain;
	position:relative;
	display:inline-block;
}
#cont_down > div > div {
	font-weight:600;
	font-size:16px;
	line-height:16px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	position:absolute;
	top:0;
	left:50%;
}
#cont_down > div > div > span {
	font-weight:normal;
	font-size:36px;
	line-height:36px;
	display:block;
}

#home .side {
	background-color:#fff;
	width:25%;
}

#home .side img.mobl_hide {
	margin:0 auto;
	max-width:100%;
	height:70vh;
	display:block;
}

/* --- HISTORIC EVENTS --- */
#hist_even {
	width:100%;
	height:30vh;
	display:table;
}

#hist_even > div {
	width:100%;
	display:table-row;
}

#hist_even a {
	width:33.3333%;
	height:50%;
	font-size:17px;
	line-height:17px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

#hist_even a:link,
#hist_even a:visited {
	text-decoration:none;
	color:#fff;
}

#hist_even a:hover {
	background-color:#231f20;
	opacity: 0.7;
}

#hist_even strong {
	margin-top:10px;
	font-size:20px;
	line-height:20px;
	display:block;
}

#ev01,#ev02,#ev03,#ev04,#ev05,#ev06 {
	background-color:#231f20;
	background-position:center center;
	background-repeat:repeat;
}

#ev02,#ev04,#ev06 {
	background-image:url('../img/w20.png');
}

/* --- RESPONSIVE --- */
.mobl_show { display:none; }
@media screen and (max-width: 1400px) {
	#cont_down > div{width:88px;height:80px;}
	#cont_down > div > div{font-size:14px;line-height:14px;}
	#cont_down > div > div > span{font-size:28px;line-height:28px;}
	#sponsors img {width:23%;}
	.main.main_form{width: 1200px}
}
@media screen and (max-width: 1024px) {
	.mobl_hide{display:none;}
	.mobl_show{display:block;}
	#home{height: auto}
	#home_imag.side,#home_main.main,#home_side.side{position: static}
	#home_imag.side,#home_side.side{display: block}
	#home_imag.side{width: 35%;}
	#home_main.main{width: 65%;}
	#home_side.side{width: 100%;float: none}
	#hist_even{height: 140px;display: block}
	#hist_even > div{width: 50%;height: 100%;display: table;float: left}
	#home .side img.mobl_hide{display: none}
	#home .side img.mobl_show{margin: 0 auto;padding: 20px 0;max-width: 90%;display: block}
	#ev03{background-image: none}
	#ev04{background-image: url('../img/w20.png')}
	.main{width: 100%;}
	.side{display: none}
	.cont_menu{display: block}
	.side_menu ul{padding: 0}
	.side_menu li{margin-right: 2%;width: 31%;float: left}
	.side_menu li a{min-height: 40px}
	.main.main_form{width: 1000px}
}
@media screen and (max-width: 800px) {
	.menu_icon{top:14px;left:auto;right:20px}
	.main{padding: 50px 50px 50px 58px}
	#cont_down > div{width: 70px}
	#cont_down > div > div{font-size: 12px}
	#cont_down > div > div > span{font-size: 26px}
	#sponsors img{width: 31%}
	.main.main_form{width: 700px}
}
@media screen and (max-width: 640px) {
	header nav{height: 100vh;overflow-y: scroll}
	header nav > div{height: auto}
	header nav img{width: 300px;height: auto}
	header ul{height: auto}
	header ul li{width: 50%;height: 60px;font-size: 16px;}
	#menu_clos{width: 32px;height: 32px;background-size:cover}
	.prog_info{padding-right: 0}
	.prog_sess{padding: 0 30px 0 0}
	.prog_pres{padding: 0}	
	.prog_pres > .prog_info .prog_sess,.prog_pres > .prog_info .prog_pres{padding: 0;width: 100%;text-align: left;display: block}
	.prog_pres > .prog_info .prog_sess{padding-bottom: 10px}
	.main.main_form{width: 100%}
	#hist_even > div{width: 100%}
}
@media screen and (max-width: 480px) {
	#home_mobl{display: block}
	#home_imag.side,#home_titl,#home .side img.mobl_show,#scrl_down{display: none}
	#home_main.main{padding:0;width: 100%;height:auto;float: none}
	#cont_down{padding: 30px 0}
	#hist_even{height: 100px}
	.side_menu li{margin-right: 0;width: 100%}
	.side_menu li a{min-height: auto}
	header ul li{width: 100%;float:none}
	#sponsors img{width: 48%}
	.prog_sess,.prog_pres{padding: 0;width: 100%;text-align: left;display: block}
	.prog_sess{padding-bottom: 22px}
	.form_abst > div{width: 100%;float: none}
}