/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */.hidden,.invisible{visibility:hidden}html{color:#222;font-size:1em;line-height:1.4;background:url(../img/phone-on-table-with-coffee-mobile.jpg) 38% center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{font:16px/1.8em 'Open sans',Helvetica,Helvetica Neue,Arial;color:#222636;font-weight:300}h1,h2{font-weight:300;line-height:1.2em;align-self:center}.wrapper{width:90%;margin:0 5%;display:flex;flex-direction:column}.ie7 .title{padding-top:20px}h1{font-size:3.1em;color:#fff;background:rgba(36,39,50,.93);padding:10px}h2{font-size:2em;margin:0}.footer-text,.text-bold{font-weight:400}.text-hidden{display:none}.page{display:flex;justify-content:center}.page-first{align-items:center;height:100vh}.page-second{background:rgba(255,255,255,.9);padding:50px 0 0}.page-third{background:url(../img/phone-in-hand-with-coffee-mobile.jpg) 70% center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:auto;padding-top:30vh;height:60vh}.screenshot-text-section{display:flex;flex-direction:column}.mugshot-logo{background:url(../img/mugshot-camera.png) no-repeat;background-size:contain;width:71vw;height:61vw;max-width:330px;max-height:283px;display:block;margin:0 auto -15px}.add-drink{background:url(../img/add-drink.png) no-repeat;background-size:contain;width:59vw;height:70vh;display:block;align-self:center;margin-top:20px}.apple-store-badge,.google-play-badge{width:80vw;height:35vw;max-width:340px;display:block;margin:0 auto}.google-play-badge{background:url(../img/google-play.png) no-repeat;background-size:contain}.apple-store-badge{background:url(../img/apple-store.svg) no-repeat;background-size:contain}.footer-container{background:#2a2d38;overflow:auto;height:10vh;color:#fff;display:flex;align-items:center;justify-content:center}.footer-text{font-size:.8em;margin:0;padding:0}@media only screen and (min-width:370px){h2{font-size:2.3em}.mugshot-logo{margin:10px auto -25px}}@media only screen and (min-width:426px){.mugshot-logo{margin:20px auto -35px}}@media only screen and (min-width:480px){.add-drink{width:300px;height:634px}}@media only screen and (min-width:600px){html{background:url(../img/phone-on-table-with-coffee.jpg) 30% center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}}@media only screen and (min-width:768px){.wrapper{width:84%;margin:0 8%}.screenshot-text-section{flex-direction:row}.add-drink{flex:1;height:52vw;max-height:500px;order:1}.text-1{order:2;flex:2;padding:0 2em 0 6em}.text-2{display:none}.text-hidden{display:flex;margin-top:2em}.page-third{background:url(../img/phone-in-hand-with-coffee.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.apple-store-badge,.google-play-badge{height:20vh}.footer-container{justify-content:flex-start;padding-left:3em}}@media only screen and (min-width:1140px){.wrapper{width:900px;margin:0 auto}body{font-size:20px}.add-drink{max-height:580px}.text-1{padding:0 2em 0 4em}}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}