*{margin:0;padding:0;box-sizing:border-box}html{background-color:#fff;color:#555;font-family:Lato,sans-serif;font-weight:300;font-size:20px;text-rendering:optimizeLegibility}a{text-decoration:none}h1{font-size:130%}header{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(../images/hero/ISTRAWU_WEB_LR-4.jpg);height:100vh;background-size:cover;background-position:center}.box-head{max-width:90%;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.box2{max-width:70%;margin:100px auto;text-align:center;text-transform:capitalize;letter-spacing:1px}.main-header{color:#fff;text-transform:uppercase;text-align:center;font-weight:100;letter-spacing:1px;margin-top:0;margin-bottom:20px;word-spacing:2px;font-size:25px}a{text-decoration:none}li{list-style:none}.first-box h3{padding-bottom:70px;text-align:center}.pic-box{display:flex;flex-direction:column;align-items:center}.column{display:flex;flex:20%;padding:20px;justify-content:space-around}.line-box{display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap}.pic-box img{max-height:300px;width:200px}.shop-property{text-align:center;list-style:none;margin-top:15px}.order-btn{text-align:center;background-color:#fff;margin-top:20px;padding:10px;font-size:115%;text-transform:uppercase;border-radius:100px}.order-btn a{border:2px solid #046307;border-radius:50px;padding:10px;color:#046307;font-size:20px;font-weight:300;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.order-btn a:hover{color:#fff;background-color:#046307;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.straw-sizes{list-style:circle}.accordion{display:flex;justify-content:center}.wrap-collabsible{margin-bottom:1.2rem 0;max-width:200px}input[type=checkbox]{display:none}.lbl-toggle{display:block;font-weight:700;font-family:monospace;font-size:16px;text-transform:uppercase;text-align:center;color:#a77b0e;background:#fae042;cursor:pointer;border-radius:7px;transition:all .25s ease-out}.lbl-toggle:hover{color:#7c5a0b}.toggle:checked+.lbl-toggle::before{transform:rotate(90deg) translateX(-3px)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .25s ease-in-out}.toggle:checked+.lbl-toggle+.collapsible-content{max-height:100vh}.toggle:checked+.lbl-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.collapsible-content .content-inner{background:rgba(250,224,66,.2);border-bottom:1px solid rgba(250,224,66,.45);border-bottom-left-radius:7px;border-bottom-right-radius:7px;padding:.5rem 1rem}.panel{text-align:left;font-size:15px}.accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:0;font-size:15px;transition:.4s}.accordion:hover,.active{background-color:#ccc}.panel{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.arrow{position:absolute;top:92%;left:50%;transform:translate(-50%,50%)}.arrow span{display:block;width:12px;height:12px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);margin:-10px;-webkit-animation:animate 2s infinite;animation:animate 2s infinite}.arrow span:nth-child(2){-webkit-animation-delay:-.2s;animation-delay:-.2s}.arrow span:nth-child(3){-webkit-animation-delay:-.4s;animation-delay:-.4s}@-webkit-keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}100%{opacity:0;transform:rotate(45deg) translate(20px,20px)}}@keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}100%{opacity:0;transform:rotate(45deg) translate(20px,20px)}}.responsive-pic{display:none}