#app{font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0 auto;max-width:980px;line-height:1.5}#app img{max-width:100%}#app .mat-icon{background:#818285;width:calc((100% - 20px)/3);border-radius:9999px;float:left;position:relative;margin-right:10px;margin-bottom:10px;cursor:pointer;opacity:.7;-webkit-transition:all .2s;transition:all .2s}#app .mat-icon:hover{opacity:1}@media screen and (min-width:576px){#app .mat-icon{width:calc((100% - 50px)/6)}}#app .mat-icon:last-child{margin-right:0}@media screen and (max-width:575px){#app .mat-icon:nth-child(3){margin-right:0}}#app .mat-icon.active{background:#4d7e9a;opacity:1}#app .mat-icon:before{content:"";display:block;padding-top:100%}#app .mat-icon .inner{position:absolute;top:0;left:0;bottom:0;right:0;color:#fff;padding:10px 20px;font-size:11px;text-align:center;line-height:1.1}@media screen and (min-width:480px){#app .mat-icon .inner{font-size:14px;padding:15px 30px}}