html { box-sizing:border-box; height:100%; }
*, *:before, *:after { box-sizing:inherit; }

body { color:#333; display:flex; align-items:center; justify-content:center; font-family:'Lato', sans-serif; font-size:15px; height:100%; text-align:center; }

a { color:#333; text-decoration:none; }
img { max-width:100%; height:auto; }

#widget { border:1px solid #ccc; border-radius:6px; display:flex; flex-direction:column; padding:15px; width:340px; height:400px; }

#widget .header { display:flex; align-items:center; justify-content:space-between; }
#widget .header .title { font-style:italic; font-weight:700; }
#widget .header .logo { width:72px; }
#widget .header .logo img { display:block; }

#widget .company-logo { flex-basis:60px; padding-top:15px; }
#widget .company-logo img { max-width:240px; max-height:60px; vertical-align:bottom; }

#widget .sessions { display:flex; flex-direction:column; flex-grow:1; flex-basis:0; justify-content:center; }
#widget .sessions .session { line-height:1; padding-bottom:15px; }
#widget .sessions .session:first-child { padding-top:15px; }
#widget .sessions .session .title { font-weight:700; text-transform:uppercase; }
#widget .sessions .session .start { margin:6px 0; }
#widget .sessions .session .link a { background-color:#be955b; border-radius:3px; color:#fff; display:inline-block; font-size:13px; font-weight:700; padding:9px 18px; transition:transform 0.3s; }
#widget .sessions .session .link a:hover { transform:scale(1.025); }

#widget .event-link { line-height:1; padding-bottom:6px; }
#widget .event-link a::after { content:'\2192'; display:inline-block; margin-left:6px; transition:transform 0.3s; }
#widget .event-link a:hover::after { transform:translateX(3px); }

#widget .event-name { font-size:18px; font-weight:700; line-height:1; text-transform:uppercase; }