@keyframes bounceToLeft{0%{padding-right:0px}50%{padding-right:15px}100%{padding-right:0px}}@keyframes bounceToRight{0%{padding-left:0px}50%{padding-left:15px}100%{padding-left:0px}}html,body{margin:0;font-family:"Roboto",sans-serif;font-size:16px;text-align:center;color:#4d2b10;background:#f3e5d4}::selection{background:#fcd117}::-moz-selection{background:#fcd117}h1{font-size:2rem}@media (min-width: 500px) and (min-height: 700px){h1{font-size:3rem}}p{font-size:1rem}@media (min-width: 500px) and (min-height: 700px){p{font-size:1.5rem}}img{max-width:100%}header{position:fixed;top:0;right:0;left:0;padding:10px 20px;text-align:left;z-index:1;transition:padding .5s, background .5s}header ::selection{background:#ff732d}header ::-moz-selection{background:#ff732d}header.scrolled{border-bottom:1px solid #38190b;padding:0 20px;background:#38190b}header ul{padding:0}header li{display:inline;list-style-type:none}header li.active a{color:#ff732d}header a{padding:5px 10px;font-size:1em;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;text-decoration:none;color:#fcd117;transition:color .5s}header a:hover{color:#ff732d}header .flavorText{display:none}@media (min-width: 605px) and (min-height: 700px){header{padding:20px 20px}header.scrolled{padding:0 20px}header a{padding:5px 20px;font-size:1.5em}header .flavorText{display:initial}}.section{padding:0 20px}#javanut{background:#38190b url("img/coffee.jpg")}#javanut::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url("img/steam.png") no-repeat bottom/cover fixed;opacity:.25}#javanut h1{position:relative;padding:0 0 80px}#javanut h1 img{max-height:60vh}#javanut #blueArrow{position:relative}#javanut #blueArrow a{font-weight:bold;letter-spacing:.25em;text-align:center;text-transform:uppercase;text-decoration:none;color:#fcd117}#javanut #blueArrow span{display:block}#javanut #blueArrow img{max-width:200px;margin-top:10px}#javanut #continue{display:block;position:absolute;bottom:20px;left:50%;width:0;border-width:17px 19px 0 19px;border-style:solid;border-color:#fcd117 transparent transparent transparent;font-size:0;transform:translateX(-50%);transition:border .5s;cursor:pointer}#javanut #continue:hover,#javanut #continue:active{border-color:#ff732d transparent transparent transparent}@media (min-width: 500px) and (min-height: 700px){#javanut #continue{bottom:30px;border-width:34px 38px 0 38px}}#ourCoffee .slide>div>div{display:flex;flex-direction:column;align-items:center}@media (orientation: landscape){#ourCoffee .slide>div>div{flex-direction:row}}#ourCoffee .slide>div>div .coffeeBag{position:relative;max-width:initial;max-height:45vh;padding:66px 0 10px;z-index:2}#ourCoffee .slide>div>div .coffeeBag.reflection{display:none;position:absolute;-webkit-transform:scaleY(-1) translate(30%, -90%) rotate(27deg);-ms-transform:scaleY(-1) translate(30%, -90%) rotate(27deg);transform:scaleY(-1) translate(30%, -90%) rotate(27deg);opacity:.3;z-index:1;transition:opacity .5s}#ourCoffee .slide>div>div .coffeeBag.reflection.faded{opacity:0}@media (orientation: landscape){#ourCoffee .slide>div>div .coffeeBag{max-height:70vh;padding:66px 20px 10px 50px}}@media (min-height: 700px) and (orientation: landscape){#ourCoffee .slide>div>div .coffeeBag{max-height:80vh;padding:0 100px}#ourCoffee .slide>div>div .coffeeBag.reflection{display:initial}}#ourCoffee .slide>div>div .text{margin:-10px 0 0}#ourCoffee .slide>div>div .text img{display:none;width:100px;margin:0 0 -30px}@media (min-width: 500px){#ourCoffee .slide>div>div .text img{width:150px}}@media (min-height: 700px){#ourCoffee .slide>div>div .text img{display:initial}}@media (min-height: 700px){#ourCoffee .slide>div>div .text{margin:20px 20px 0}}@media (orientation: landscape){#ourCoffee .slide>div>div .text{margin:30px 45px 0 0}}@media (min-height: 700px) and (orientation: landscape){#ourCoffee .slide>div>div .text{margin:0 100px 0 0}}#ourCompany img{max-height:calc(50vh - 53px);margin:40px 0 20px}footer{letter-spacing:.2em;text-transform:uppercase;color:#fcd117;background:#38190b}footer ::selection{background:#ff732d}footer ::-moz-selection{background:#ff732d}footer img{width:200px;margin:20px 0 10px}footer p{font-size:.85rem}.fp-controlArrow.fp-prev{margin-top:-19px;border-width:19px 17px 19px 0;border-color:transparent #ff732d transparent transparent;transition:border .5s}.fp-controlArrow.fp-prev:hover,.fp-controlArrow.fp-prev:active{border-color:transparent #527d1b transparent transparent}.fp-controlArrow.fp-prev.animated{animation-name:bounceToRight;animation-duration:1s;animation-iteration-count:3}@media (min-width: 500px) and (min-height: 700px){.fp-controlArrow.fp-prev{margin-top:-38px;border-width:38px 34px 38px 0}}@media (min-width: 1200px){.fp-controlArrow.fp-prev{margin-left:15px}}.fp-controlArrow.fp-next{margin-top:-19px;border-width:19px 0 19px 17px;border-color:transparent transparent transparent #ff732d;transition:border .5s}.fp-controlArrow.fp-next:hover,.fp-controlArrow.fp-next:active{border-color:transparent transparent transparent #527d1b}.fp-controlArrow.fp-next.animated{animation-name:bounceToLeft;animation-duration:1s;animation-iteration-count:3}@media (min-width: 500px) and (min-height: 700px){.fp-controlArrow.fp-next{margin-top:-38px;border-width:38px 0 38px 34px}}@media (min-width: 1200px){.fp-controlArrow.fp-next{margin-right:15px}}