html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.responsive-video {
  padding-bottom: 56.25%; /* for 16:9 ratio */
  padding-top: 25px;
  position: relative;
  height: 0;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
/* 	line-height: 1; */
color: #373a3d;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*:active, * {
	outline: none;
}
*{
	transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all .5s ease-in-out; /** Firefox **/
    -o-transition: all .5s ease-in-out; /** Opera **/
}
body{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
}
h1, h2{
	font-family: 'Poiret One', cursive;
	font-weight: 300;
}
h1{font-size: 45px; color: #e9110b;}
h2{font-size: 35px; line-height: 1.2;}
h3{font-size: 25px; margin-bottom: 0.7em;}
h4{font-size: 20px; color: #e9110b;}
.subtitle{
	font-weight: 500;
	font-size: 18px;
}
i{
	font-style: italic;
}
p{
	margin-bottom: 1em; 
}

img{
	height: auto;
	max-width: 100%;
}
a{
	color: #e9110b;
	text-decoration: none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.wrap{
	max-width: 1200px;
	margin: 0 auto;
	width: calc(100% - 30px);
	padding: 0 15px;
}
.right-wrap{
	max-width: 800px;
	padding: 40px;
}
.right-wrap p{
	margin-bottom: 20px;
	font-weight: 400;
}
.left-wrap{
	max-width: 350px;
	float: right;
	padding: 80px 0;
}
.left-box{
	margin-bottom: 50px;
	line-height: 1.4;
}
.grid{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;	
}
.table{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.cell{
	display: table-cell;
	vertical-align: middle;
}
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

.pr{padding-right: 2.5;}
.pr5{padding-right: 5%;}
.pl{padding-left: 2.5;}
.pl5{padding-left: 5%;}

.vat{vertical-align: top;}
.vam{vertical-align: middle;}
.vab{vertical-align: bottom;}

.tar{text-align: right;}
.tal{text-align: left;}
.tac{text-align: center;}

.gradient{
	color: #fff;
	background-color: #f8ed4c;
	background-image: linear-gradient(45deg, #f8ed4c 0%, #e9110b 50%);
	padding: 40px;
}
.button{
	margin: auto;
    background-color: #e9110b;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 3px;
    font-weight: 600;
}
.button:hover{
	background-color: #f26f29;

}
.logo{
	margin: 0px auto 40px;
	text-align: center;
}
.logo img{
	width: 500px;
	position: relative;
	left: -40px;
}
.time{
	width: 80px;
	display: inline-block;
}
.only-mobile{
	display: none;
}
.footer{
	padding-top: 40px !important;
	margin-top: 10px !important;
}
@media (max-width: 767px){
	.main-cell, .main-table{
		width: 100%;
	}
	.gradient{
		overflow: hidden;
		width: 3%;
	}
	.left-wrap{
		display: none;
	}
	.logo img {
		left: -10px;
	}
	.presenters .w50{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.only-mobile{
		display: block;
	}
	.footer{
		padding-top: 15px !important;
		margin-top: 15px !important;
	}
	.footer img{
		margin-bottom: 20px;
	}
	.footer, .footer .cell{
		display: block;
		width: 100%;
		text-align: center;
		padding: 0px;
		margin-bottom: 10px;
	}
	.responsive-video {
  		padding-bottom: 56.25%; /* for 16:9 ratio */
 		padding-top: 25px;
  		position: relative;
  		height: 0;
	}
	.responsive-video iframe,
	.responsive-video object,
	.responsive-video embed {
  		position: absolute;
  		top: 0;
  		left: 0;
  		width: 100%;
  		height: 100%;
	}
}