@-webkit-keyframes moveToRight{0%{transform:translateX(-20rem)}50%{transform:translateX(2rem)}100%{transform:translateX(0)}}@keyframes moveToRight{0%{transform:translateX(-20rem)}50%{transform:translateX(2rem)}100%{transform:translateX(0)}}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width: 75em){html{font-size:50%}}body{box-sizing:border-box;font-size:1.4rem;font-weight:300;font-family:"Lato", sans-serif}.container{display:grid;grid-template-columns:15rem 1fr 15rem;grid-template-rows:10vh 100vh repeat(7, -webkit-min-content);grid-template-rows:10vh 100vh repeat(7, min-content)}@media only screen and (max-width: 43.75em){.container{grid-template-columns:10rem 1fr 10rem;grid-template-rows:12vh 60vh repeat(7, -webkit-min-content);grid-template-rows:12vh 60vh repeat(7, min-content)}}@media only screen and (max-width: 37.5em){.container{grid-template-columns:4vh 1fr 4vh}}.heading-1{color:#2a324b;font-size:8rem;letter-spacing:3rem;text-transform:uppercase;font-weight:300;-webkit-animation:moveToRight 1s ease-out;animation:moveToRight 1s ease-out}@media only screen and (max-width: 56.25em){.heading-1{font-size:7rem;letter-spacing:2rem}}.heading-2{color:#2a324b;font-size:3rem;font-weight:700;letter-spacing:0.2rem;text-transform:uppercase}.heading-3{text-transform:uppercase;color:#2a324b;font-size:2rem;letter-spacing:0.5rem;-webkit-animation:moveToRight 1.5s ease-out;animation:moveToRight 1.5s ease-out}.heading-4{color:#2a324b;font-size:2.5rem;text-transform:uppercase;letter-spacing:0.2rem;line-height:1.2}.heading-5{color:#2a324b;font-size:1.7rem;text-transform:uppercase;letter-spacing:0.1rem}.u-margin-bottom-huge{margin-bottom:8rem}.u-margin-bottom-lg{margin-bottom:6rem}.u-margin-bottom-medium{margin-bottom:4rem}.u-margin-bottom-small{margin-bottom:2rem}.u-margin-bottom-tiny{margin-bottom:1rem}.btn{border:1px solid #2a324b;color:#2a324b;padding:1.4rem 4rem;border-radius:10rem;background-color:#fff;text-transform:uppercase;margin:3rem 0 1rem;transition:all 0.2s}.btn--square{border-radius:0;margin:2rem 0;justify-self:end}.btn:hover{box-shadow:0 1rem 2rem rgba(42,50,75,0.2);transform:translateY(-3px)}.btn:active{box-shadow:0 0.5rem 1rem rgba(42,50,75,0.2);transform:translateY(0px)}.box__tag{position:absolute;top:4rem;left:4rem;font-size:1.2rem;font-weight:700;letter-spacing:0.1rem}.box__name{position:absolute;left:4rem;top:20%;width:30%}.box__name--long{top:35%;width:50%}.box__name--center{top:32%}.box__name--full{top:20%;width:90%}.box__sales{position:absolute;bottom:4rem;right:4rem}.box__button{border:none;padding:1.2rem 0 0;background-color:transparent;text-transform:uppercase;transition:all 0.2s;position:absolute;left:4rem;bottom:4rem;font-size:1.2rem;font-weight:700;letter-spacing:0.15rem}.box__button:hover{transform:translateY(-3px)}.box__button:hover::after{width:0}.box__button:active{transform:translateY(0)}.box__button:active::after{width:100%}.box__button::after{content:"";display:block;height:1px;width:90%;margin:1rem auto 0;background-color:#2a324b;transition:width 0.2s}.best-sellers{padding:5rem 0;grid-row:4 / 5;grid-column:2 / 3;text-align:center}.items{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));grid-gap:3rem}@media only screen and (max-width: 37.5em){.items{grid-template-columns:repeat(auto-fit, minmax(18rem, 1fr))}}.item{background-color:#f2f3f8;position:relative;overflow:hidden;transition:all 0.3s}.item:hover{transform:translateY(-0.7rem);box-shadow:0 2rem 4rem rgba(42,50,75,0.2)}.item__image{margin:25%;width:50%}.item__icon-box,.item__cart-box{border-radius:50%;position:absolute;right:1.5rem;width:3rem;height:3rem;transition:all 0.3s}.item__icon-box{background-color:#ffd384;top:1.5rem;font-size:0.8rem;font-weight:700;text-transform:uppercase;color:#2a324b;display:flex;justify-content:center;align-items:center}.item__icon-box--new{background-color:#a3d2ca}.item__icon-box--discount{background-color:#ffb4b4}.item:hover .item__cart-box{opacity:1}.item__cart-box{background-color:#2a324b;bottom:1.5rem;opacity:0}.item__cart-box:hover{box-shadow:0 1rem 2rem rgba(42,50,75,0.2);transform:translateY(-3px)}.item__cart-box:active{box-shadow:0 0.5rem 1rem rgba(42,50,75,0.2);transform:translateY(0)}.item__icon,.item__cart-icon{width:1.5rem;height:1.5rem;fill:#f2f3f8;position:absolute;top:0.75rem;right:0.75rem}.item__details{text-align:start;height:10rem;font-weight:700;padding:2rem;background-color:#fff;color:#2a324b;display:flex;flex-direction:column;justify-content:space-between}.item__name{text-transform:uppercase;font-size:1.4rem}.item__weight{font-size:1.2rem}.item__price-box{font-size:1.2rem;color:#8e92a4;display:flex}.item__price{margin-right:2rem}.item__price--old{text-decoration:line-through}.item__price--discount{color:rgba(255,0,0,0.8)}.blogs{padding:5rem 0;grid-column:2 / -3;grid-row:6 / 7;position:relative;text-align:center}.blogs__text{margin:3rem auto;font-size:1.2rem;font-weight:500;letter-spacing:0.1rem;width:55%}@media only screen and (max-width: 43.75em){.blogs__text{width:100%}}.blogs__boxes{display:grid;grid-template-columns:repeat(auto-fit, minmax(40rem, 1fr));grid-template-rows:minmax(35rem, -webkit-min-content);grid-template-rows:minmax(35rem, min-content);grid-gap:1.5rem}@media only screen and (max-width: 56.25em){.blogs__boxes{grid-template-rows:repeat(2, minmax(30rem, -webkit-min-content));grid-template-rows:repeat(2, minmax(30rem, min-content));grid-gap:0rem;grid-row-gap:1.5rem}}.blogs__box{text-align:start;position:relative}.blogs__box--pink{grid-row:1 / 2;padding:6rem 3rem 3rem;background-image:url(../img/tea-blog-2.png),linear-gradient(to right, #ffb4b4, #ffb4b4);background-size:cover;background-position:center}.blogs__box--grey{background-image:url(../img/tea-blog-1.png),linear-gradient(to right, #f2f3f8, #f2f3f8);background-size:cover;background-position:center;grid-row:1 / 2}@media only screen and (max-width: 56.25em){.blogs__box--grey{grid-row:2 / 3}}.discounts{padding:5rem 0;grid-row:5 / 6;grid-column:2 / 3;display:grid;grid-template-columns:repeat(auto-fit, minmax(40rem, 1fr));grid-template-rows:repeat(7, minmax(3rem, -webkit-min-content));grid-template-rows:repeat(7, minmax(3rem, min-content));grid-gap:3rem}@media only screen and (max-width: 56.25em){.discounts{grid-template-rows:repeat(10, minmax(8rem, -webkit-min-content));grid-template-rows:repeat(10, minmax(8rem, min-content));grid-gap:0rem;grid-row-gap:2rem}}@media only screen and (max-width: 37.5em){.discounts{grid-template-rows:repeat(10, minmax(6rem, -webkit-min-content));grid-template-rows:repeat(10, minmax(6rem, min-content))}}.discounts__text{font-size:1.2rem;font-weight:500;padding:1.5rem 0;letter-spacing:0.1rem}.discounts__content{grid-row:1 / 2}.discounts__subscribe{padding-bottom:0.5rem;border-bottom:1px solid #2a324b;position:relative}.discounts__subscribe-input{border:none;width:70%;background-color:transparent;padding:0.5rem;color:#2a324b;font-family:inherit}.discounts__subscribe-input::-moz-placeholder{color:#8e92a4;font-size:1rem;letter-spacing:0.1rem}.discounts__subscribe-input:-ms-input-placeholder{color:#8e92a4;font-size:1rem;letter-spacing:0.1rem}.discounts__subscribe-input::placeholder{color:#8e92a4;font-size:1rem;letter-spacing:0.1rem}.discounts__subscribe-input:active,.discounts__subscribe-input:focus{outline:none}.discounts__subscribe-button{position:absolute;right:0;top:50%;transform:translateY(-50%);border:none;color:#2a324b;background-color:transparent;text-transform:uppercase;font-size:1.2rem;font-weight:700;letter-spacing:0.15rem;transition:all 0.2s}.discounts__subscribe-button:hover{transform:translateY(-90%)}.discounts__subscribe-button:active{transform:translateY(-50%)}.discounts__box{position:relative}.discounts__box--green{background-color:#a3d2ca;grid-row:5 / -1;padding:6rem 3rem 3rem}@media only screen and (max-width: 56.25em){.discounts__box--green{grid-row:10 / -1}}.discounts__box--grey{background-image:url(../img/tea-cup-discount.png),linear-gradient(to right, #f2f3f8, rgba(242,243,248,0.6));background-size:cover;background-position:center;grid-row:1 / 5}@media only screen and (max-width: 56.25em){.discounts__box--grey{grid-row:6 / 10}}.discounts__box--yellow{background-image:url(../img/tote-discount.png),linear-gradient(to right, #ffd384, #ffd384);background-position:center;background-size:cover;grid-row:2 / 8}@media only screen and (max-width: 56.25em){.discounts__box--yellow{grid-row:2 / 6}}.footer{padding:2rem 0;grid-row:8 / 9;grid-column:2 / 3;display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));grid-template-rows:-webkit-min-content 8rem;grid-template-rows:min-content 8rem}@media only screen and (max-width: 37.5em){.footer{grid-row-gap:2rem;grid-template-rows:repeat(2, -webkit-min-content) 8rem;grid-template-rows:repeat(2, min-content) 8rem}}.footer__icons{display:flex}.footer__icon{transition:all 0.3s;height:2.5rem;width:2.5rem;fill:#2a324b}.footer__icon:not(:last-child){margin-right:3rem}.footer__icon:hover{transform:scale(1.4)}.footer__menu{grid-row:1 / 2}@media only screen and (max-width: 37.5em){.footer__menu{grid-row:1 / 3}}.footer__menu-content{display:flex}.footer__menu-list{list-style:none;font-size:1rem;font-weight:500;display:flex;flex-direction:column}.footer__menu-list--left{margin-right:10rem}@media only screen and (max-width: 43.75em){.footer__menu-list--left{margin-right:5rem}}@media only screen and (max-width: 37.5em){.footer__menu-list--left{margin-right:2rem}}.footer__menu-item{padding:0.5rem 0}@media only screen and (max-width: 37.5em){.footer__menu-item{padding:0.7rem 0}}.footer__menu-link{text-decoration:none;color:#2a324b}.footer__contact{grid-row:1 / 2}@media only screen and (max-width: 37.5em){.footer__contact{grid-column:2 / 3}}.footer__contact-details{display:flex;flex-direction:column;justify-items:space-around}.footer__contact-info{font-size:1.2rem;font-weight:500}.footer__contact-info:not(:last-child){margin-bottom:3.5rem}@media only screen and (max-width: 37.5em){.footer__contact-info:not(:last-child){margin-bottom:1.2rem}}.footer__socials{grid-row:1 / 2}@media only screen and (max-width: 37.5em){.footer__socials{grid-row:2 / 3;grid-column:2 / 3}}.footer__copyright{margin-top:3rem;border-top:1px solid #8e92a4;grid-column:1 / 4;grid-row:2 / 3;display:flex;justify-content:center;align-items:end}@media only screen and (max-width: 37.5em){.footer__copyright{grid-row:3 / 4}}.footer__logo{height:3rem;width:3rem}.gallery{padding:5rem 0;grid-row:7 / 8;grid-column:2 / 3}.gallery__content{display:grid;grid-template-columns:1fr 2fr 1fr;justify-content:space-between;align-items:center}@media only screen and (max-width: 30em){.gallery__content{grid-template-columns:1fr 1fr}}.gallery__community-features{grid-row:1 / 2;grid-column:2 / 3;margin-left:2rem}@media only screen and (max-width: 30em){.gallery__community-features{margin-left:0;grid-row:2 / 3;grid-column:1 / 3;margin-bottom:2rem}}.gallery__text{font-size:1.2rem;font-weight:500;letter-spacing:0.1rem}.gallery__btn{grid-row:1 / 2;grid-column:3 / 4}@media only screen and (max-width: 30em){.gallery__btn{grid-column:2 / 3}}.gallery__box{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(6, 5vw);grid-gap:1.5rem}.gallery__item--1{grid-row:2 / span 2;grid-column:3 / 4}.gallery__item--2{grid-row:1 / span 4;grid-column:5 / -1}.gallery__item--3{grid-row:5 / 7;grid-column:4 / -1}.gallery__item--4{grid-row:2 / span 3;grid-column:4 / 5}.gallery__item--5{grid-row:1 / -1;grid-column:1 / 3}.gallery__item--6{grid-row:1 / 2;grid-column:3 / span 2}.gallery__item--7{grid-row:4 / 7;grid-column:3 / 4}.gallery__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.header{padding:10rem 0;grid-row:2 / 3;grid-column:1 / -1;margin-bottom:6rem;background-image:linear-gradient(to right, rgba(242,243,248,0.5), rgba(242,243,248,0.5)),url(../img/tea-bg-4.jpg);background-size:cover;position:relative}.header__text-box{text-align:center;position:absolute;top:65%;left:50%;transform:translate(-50%, -50%)}.header__icons{display:flex;flex-direction:column;position:absolute;top:65%;transform:translateY(-50%);right:3rem}.header__icon{transition:all 0.3s;height:2.5rem;width:2.5rem;fill:#2a324b}.header__icon:not(:last-child){margin-bottom:3rem}.header__icon:hover{transform:scale(1.4)}.navigation{background-color:#fff;grid-row:1 / 2;grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fix, minmax(15rem, 1fr));grid-template-rows:10vh;align-items:center;justify-content:space-around;position:fixed;width:100%;z-index:10}@media only screen and (max-width: 43.75em){.navigation{grid-template-rows:7vh 5vh}}.navigation__logo{width:3rem;height:3rem}.navigation__brand{display:flex;flex-direction:column;align-items:center;grid-row:1 / 2}.navigation__search-box{display:flex;align-items:center;grid-row:1 / 2}@media only screen and (max-width: 43.75em){.navigation__search-box{grid-row:2 / 3}}.navigation__search-bar{width:20vw;border:none;padding:0.5rem 2rem;border-radius:20rem;background-color:#f2f3f8;margin-right:-2.5rem;font-size:1.2rem;font-family:"Lato", sans-serif;color:#2a324b;transition:all 0.2s}@media only screen and (max-width: 43.75em){.navigation__search-bar{width:45vw}}.navigation__search-bar:focus{outline:none}.navigation__search-icon{height:1.5rem;width:1.5rem;fill:#2a324b}.nav{grid-row:1 / 2}.nav__list{list-style:none;display:flex;align-self:center}.nav__item:not(:last-child){margin-right:4rem}.nav__item::after{content:"";display:inherit;width:0;height:1px;margin-top:3px;background-color:#2a324b;transition:width 0.2s ease-out}.nav__item:hover::after{width:100%}.nav__link,.nav:link,.nav:visited{text-decoration:none;font-size:1.2rem;color:#2a324b;font-weight:500;padding-bottom:5px}.user-nav{grid-row:1 / 2}@media only screen and (max-width: 43.75em){.user-nav{grid-row:2 / 3}}.user-nav__list{list-style:none;display:flex}.user-nav__item{padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.user-nav__item:not(:last-child){margin-right:1rem}.user-nav__item:hover{background-color:#f2f3f8}.user-nav__icon{height:1.5rem;width:1.5rem;fill:#2a324b}.new-arrivals{padding:5rem 0;grid-row:3 / 4;grid-column:2 / 3;text-align:center}.new-arrivals__boxes{display:grid;grid-template-columns:repeat(auto-fit, minmax(35rem, 1fr));grid-template-rows:repeat(10, minmax(4rem, -webkit-min-content));grid-template-rows:repeat(10, minmax(4rem, min-content));grid-gap:1.5rem}@media only screen and (max-width: 56.25em){.new-arrivals__boxes{grid-template-rows:repeat(10, minmax(16rem, -webkit-min-content));grid-template-rows:repeat(10, minmax(16rem, min-content));grid-gap:0rem;grid-row-gap:1.5rem}}@media only screen and (max-width: 37.5em){.new-arrivals__boxes{grid-template-rows:repeat(10, minmax(10rem, -webkit-min-content));grid-template-rows:repeat(10, minmax(10rem, min-content))}}.new-arrivals__box{text-align:start;position:relative}.new-arrivals__box--pink{grid-row:7 / -1;padding:6rem 3rem 3rem;background-image:url(../img/tea-spoon-new.png),linear-gradient(to right, #ffb4b4, #ffb4b4);background-size:cover;background-position:center}@media only screen and (max-width: 56.25em){.new-arrivals__box--pink{grid-row:6 / 8}}.new-arrivals__box--grey-flat{background-image:url(../img/tea-gift.png),linear-gradient(to right, #f2f3f8, #f2f3f8);background-size:cover;background-position:center;grid-row:1 / 7}@media only screen and (max-width: 56.25em){.new-arrivals__box--grey-flat{grid-row:8 / -1}}.new-arrivals__box--yellow{background-image:url(../img/teabloom.png),linear-gradient(to right, #ffd384, #ffd384);background-position:center;background-size:cover;grid-row:1 / 5}@media only screen and (max-width: 56.25em){.new-arrivals__box--yellow{grid-row:1 / 3}}.new-arrivals__box--grey{background-image:url(../img/tea-set.png),linear-gradient(to right bottom, rgba(142,146,164,0.3), #f2f3f8);background-size:cover;background-position:center;grid-row:5 / -1}@media only screen and (max-width: 56.25em){.new-arrivals__box--grey{grid-row:3 / 6}}