:host{height:100%;display:flex;flex-direction:column;max-width:976px;width:100%;margin:0 auto}
:host header{margin:10px 0;padding:10px}
:host .main{flex:1;color:#333}
:host .main .outlet{padding-bottom:40px;border-bottom:1px solid #999}
:host .main .store-links{margin:40px 0;padding:0;list-style-type:none;display:flex;flex-direction:row}
:host .main .store-links>li{flex:1;margin:0;padding:0 10px;display:inline-block}
:host .main .store-links>li img{width:100%}
:host .main .screen{margin:40px 10px;padding:0;width:calc(80%)}
:host .main .screen>img{border-radius:10px;width:100%}
:host .main .screens{margin:40px 0;padding:0;list-style-type:none;width:100%;display:flex;flex-direction:row;overflow:auto}
:host .main .screens>li{margin:0 10px;padding:0;display:inline-block;flex:1}
:host .main .screens>li>img{width:100%;border-radius:10px;min-width:200px}
:host .main .description{padding:0 10px;line-height:150%;font-size:.9em}
:host footer{margin:10px 0 0 0;background-color:#b7b7b7;padding:10px;font-size:.8em;display:flex;flex-direction:row}
:host footer>img{align-self:flex-start}
:host footer>div{margin-left:50px;flex:1;color:#fff}
:host footer>div>ul{margin:0;padding:0;list-style-type:none;display:inline-block}
:host footer>div>ul>li{margin:0;padding:0;display:inline-block}
:host footer>div>ul>li:before{content:"|";color:#fff;display:inline-block;margin:0 5px}
:host footer>div>ul>li:first-child:before{display:none}
:host footer>div>p:last-child{margin-bottom:0}
:host footer>div a{color:#fff;text-decoration:none;transition:color .3s ease}
:host footer>div a:hover{color:#404040}
@media(orientation:portrait) and (max-width:600px){:host footer{display:block}
:host footer>div{margin-left:0}
:host footer>div>ul{display:block}
:host footer>div>ul>li{display:block;margin-block-start:1em;margin-block-end:1em}
:host footer>div>ul>li:before{display:none}
}