*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:"Roboto Condensed",sans-serif}body{margin:0}.header,main{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10em;width:100%;height:11.5em;background-color:#f8f9fa}.header .header__menu{width:300px}.header__logo{width:10em}.header__menu{width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__menu .header__link{text-decoration:none;font-weight:300;font-size:1em;color:#000}.header .header__link_active{font-weight:700}@media (max-width:768px){.header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header__logo{width:6em}.header .header__menu{margin-bottom:2em}}main{margin:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px}.coffee{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:58em}@media (max-width:768px){.coffee{max-width:28em}}.coffee__title{font-size:2.5em;letter-spacing:.1875em;font-weight:300}.coffee__extra,.coffee__text{font-size:1.25em;line-height:2.25em;font-weight:300}.coffee__extra{font-size:1em}.coffees{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:928px){.coffees{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:none;flex-wrap:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.coffees__type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:28em;margin:1em 0}@media (max-width:768px){.coffees__type{min-width:10em}}.coffees__type__title{background-color:#f0f1f2;font-size:1.3em;letter-spacing:.125em;font-weight:300;height:2em;line-height:2em;padding-left:.5em}.coffees__type__pic{width:100%}.coffees__type__desc{background-color:#f8f9fa}.coffees__type__desc__quickdesc{font-size:1em;line-height:2.25em;font-weight:300;font-style:italic}.coffees__type__desc__fulldesc{font-size:1em;line-height:1.75em;font-weight:300}footer,footer .footer__menu,main{display:-webkit-box;display:-ms-flexbox;-webkit-box-direction:normal;display:flex}footer{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10em;width:100%;height:21.75em;background-color:#343a40}footer .footer__menu{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;padding-top:7em;width:400px;-ms-flex-pack:distribute;justify-content:space-around}@media (max-width:768px){footer .footer__menu{width:100vw}}footer .footer__menu .footer__link{font-size:1em;line-height:28px;text-decoration:underline;color:#09f;font-weight:300}footer .footer__menu .footer__link_active{color:#fff;text-decoration:none}footer .hipstercoffee{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:5em}footer .hipstercoffee p{color:#fff}footer .hipstercoffee a{color:#09f}.footer_img{width:800px;margin:10px auto -50px}@media (max-width:768px){.footer_img{width:80%}}