section.front{width:100%;display:flex;flex-wrap:wrap}.front-note{flex:1 0 50%;height:200px;position:relative;overflow:hidden}.front-note.full-width{flex:0 0 100%}.front-note.shadow{box-shadow:0 0 1px 0 #606060}.front-note canvas{height:100%;width:100%}.front-note-info{position:absolute;width:95%;bottom:0;margin:auto;color:white;background-color:rgba(0,0,0,.3);font-size:70%;overflow:hidden;padding-left:5%}.front-note-info .title{font-size:21px;font-weight:700;line-height:23px;margin:8px 0}.front-note-info .title:hover{color:orange}.front-note-info .title.small{font-size:16px;line-height:18px}.front-note-info .subtitle{line-height:13px;margin:0;margin-bottom:5px}