:root{--yellow:#70b700;--brown:#003d32;--grey:#f4f4f4;--white:#fff;--darkgrey:#003d32;--fontTitle:'myriad-pro',sans-serif}::-moz-selection{color:var(--brown);background:var(--yellow);text-shadow:0 0 0 transparent}::selection{color:var(--brown);background:var(--yellow);text-shadow:0 0 0 transparent}html{scroll-behavior:smooth}body,html{font-family:var(--fontTitle)}h1{color:var(--white);font-size:50px;padding-bottom:25px;line-height:1.4;margin:0}h2{color:var(--brown);font-size:45px;line-height:1.3;margin:0;padding-bottom:15px}h3{color:var(--darkgrey);font-size:29px;line-height:1.4;margin:0;text-transform:uppercase;padding-bottom:25px}h4{color:var(--yellow);font-size:21px;margin:0;text-transform:uppercase}h5{color:var(--brown);font-size:19px;line-height:1.3;font-weight:700;margin:0;padding-bottom:10px}h6{font-size:16px;color:var(--darkgrey);font-weight:700;margin:0;padding-bottom:10px}p{margin:0 0 20px;font-size:19px;line-height:1.4}*>p:last-child{margin-bottom:0}.bg-white{background-color:#fff !important}.bg-grey{background-color:var(--grey) !important}a{text-decoration:none}body.noscroll{overflow:hidden}header{width:100%;height:110px;background-color:var(--white);display:flex;justify-content:center;position:sticky;top:0;z-index:9;box-shadow:0 0 5px rgb(0 0 0/20%)}header nav{width:100%;position:relative;display:flex;justify-content:space-between;align-items:center;padding-inline:40px}header nav>.menu{display:flex}header nav>.menu #mobile{display:none;justify-content:center;align-items:center;position:relative;width:27px;height:30px;cursor:pointer}header nav>.menu #mobile i{position:absolute;transition:all .28s ease}header nav>.menu #mobile i:hover{color:var(--yellow)}header nav>.menu #mobile i.fa-times{transform:scale(0)}header nav>.menu #mobile i.fa-bars{transform:scale(1);opacity:1}header nav>.menu .mobile-ranpak{display:none}body.noscroll header nav>.menu #mobile i.fa-bars{opacity:1;transform:scale(0)}body.noscroll header nav>.menu #mobile i.fa-times{opacity:1;transform:scale(1)}header nav>.menu ul{display:flex}header nav>.menu ul li{margin-right:25px}header nav>.menu ul li.active a{color:var(--yellow)}header nav>.menu ul li:hover a{color:var(--yellow)}header nav>.menu ul li a{color:var(--darkgrey);text-transform:uppercase;font-size:15px;font-weight:700;transition:color .3s ease}header nav a[role=logo] img{width:180px;height:auto}header nav .ranpak{margin-left:20px}header nav .ranpak>img{width:80px}header nav #mobile i{font-size:30px}header nav>div:last-child a{color:var(--white);font-size:13px;font-weight:700;transition:color .3s ease;position:relative;padding:7px 15px;background-color:var(--yellow);border-radius:50px;margin-right:10px;margin-bottom:6px}header nav>div:last-child a:hover{color:var(--black)}header nav>div:last-child a svg{display:none}main{width:100%;display:flex;align-items:center;flex-direction:column}main section#hero{width:100%;background:url("https://optipack.es/wp-content/uploads/ranpak.jpg") no-repeat center center;background-size:cover;min-height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:0}main section#hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:-1}main section#hero p{width:600px;color:var(--white);font-size:25px;font-weight:300;text-align:center;margin:0}main .button{color:var(--white);background-color:var(--yellow);font-size:20px;font-weight:600;border-radius:50px;padding:20px 60px;margin:40px}main section#hero a:last-child svg{color:#fff}main section#our,main #sustainable>div{width:100%;max-width:1055px;display:grid;grid-template-columns:.8fr 1fr;padding:70px 0;column-gap:70px;align-items:flex-end}main #our>figure,main #our>.more_info{padding-top:70px}main #sustainable>div{align-items:center}main #sustainable{width:100%;display:flex;justify-content:center;align-items:center;background-color:rgb(113 183 0/20%)}main section#our>div:nth-child(2),main #sustainable>div:nth-child(2){display:grid;grid-template-columns:repeat(2,1fr);gap:25px}main section#our>div:nth-child(2) figure:last-child,main #sustainable>div:nth-child(2) figure:last-child{grid-column:span 2}main #products{width:100%;background-color:var(--grey);display:flex;justify-content:center;align-items:center}main #products>div{width:100%;max-width:1055px;display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:10px}main #fill,main .productos>div>div,main #envelop,main #protection>div,main #industry,main #consumables{width:100%;max-width:1200px;padding:70px 0;display:flex;flex-direction:column;justify-content:center}main .productos>div>div,main #protection>div{padding:0}main .productos,main #protection{width:100%;padding:70px 0;background-color:var(--grey);display:flex;justify-content:center;align-items:center;flex-direction:column}main section h3{width:100%}main #fill>div,main .productos>div>div,main #envelop>div,main #consumables>div{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}main #fill>div>div,main .productos>div>div>div,main #envelop>div>div,main #consumables>div>div{display:grid;grid-template-columns:190px 1fr;gap:20px}main #fill>div>div p,main .productos>div>div p,main #envelop>div>div p,main #protection article>div>div p,main #consumables>div>div p{font-size:15px}main #fill figure img,main #envelop figure img{background-color:var(--grey)}main .productos figure img,main #protection figure img{background-color:var(--white)}main #protection>div article{display:grid;grid-template-columns:390px 390px;justify-content:space-around}main #protection>div article>div>div{display:grid;grid-template-columns:190px 190px;gap:20px}main #industry>div:first-child,main #industry>article#clients{display:flex;justify-content:center;align-items:center;flex-direction:column}main #industry>div:first-child h2{text-align:center}main #industry>div:first-child p{text-align:center;font-weight:300;width:70%}main #industry article:nth-child(2){width:100%;display:grid;padding:70px 0;grid-template-columns:repeat(2,1fr);column-gap:100px;row-gap:70px}main #industry article h3{padding:20px 0 10px;float:left}main #industry #clients h2{padding-bottom:20px;text-align:center}main #industry #clients p{width:70%;text-align:center}main #industry #clients>div{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}#clients figure img{width:100%}footer{background-color:var(--grey);display:flex;align-items:center;justify-content:center;padding:70px 0 0}footer>div{width:100%;max-width:1050px;display:flex;align-items:center;justify-content:center;flex-direction:column}footer>div>div:first-child{display:grid;grid-template-columns:150px 1fr;column-gap:50px;align-items:center}footer>div>div:first-child>div{display:grid;grid-template-columns:repeat(2,1fr);column-gap:70px}footer>div>div:first-child>div p{font-size:15px}footer>div>div:first-child img{width:120px;height:auto}main #industry #clients h2{text-align:start}footer>div>div:first-child .social{display:flex;flex-direction:column}footer>div>div:first-child .social a{color:var(--darkgrey);font-size:16px;transition:color .3s ease;margin:3px 0;display:flex;align-items:center;gap:5px}footer>div>div:first-child .social a:hover{color:var(--yellow)}footer>div>div:first-child .social>div{display:flex;align-items:center;gap:12px;margin-top:5px}footer>div>div:first-child .social>div>a{font-size:17px}footer>div>div:last-child{padding:50px 0 30px}footer>div>div:last-child p{font-size:12px;text-align:center}footer>div>div:last-child p a{color:var(--darkgrey);transition:color .3s ease}footer>div>div:last-child p a:hover{color:var(--yellow)}#cookies{padding:30px;border-radius:5px;background-color:var(--yellow);color:#fff;transition:all .28s ease;display:flex;align-items:center;gap:4px;position:fixed;bottom:10px;left:10px;z-index:5}#cookies.seen{transform:translateY(calc(100% + 10px))}#cookies a{color:#fff;text-decoration:underline}#cookies a:hover{color:var(--brown)}#cookies a[href="#accept"]{width:fit-content;padding:10px;margin-left:20px;border-radius:5px;background-color:#fff;text-decoration:none;font-weight:600;color:#001120}#cookies a[href="#accept"]:hover{color:var(--yellow)}