*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{background-color:#f0f0f0;box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 81.25em){html{font-size:58%}}@media only screen and (max-width: 68.75em){html{font-size:52%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (max-width: 31.25em){html{font-size:40%}}@media only screen and (max-width: 21.875em){html{font-size:30%}}body{background-color:#e6e6e6;color:#333;font-family:"Open Sans", sans-serif;font-weight:400;font-size:1.4rem;line-height:1.5;margin:3rem}@media only screen and (max-width: 56.25em){body{margin:0}}::-moz-selection{background-color:#ff5f5f}::selection{background-color:#ff5f5f}.heading-1{font-family:"Ubuntu", sans-serif;text-transform:uppercase;text-transform:none;font-size:10rem;font-weight:300}.heading-2{font-family:"Ubuntu", sans-serif;text-transform:uppercase;font-size:4rem;padding:1rem;display:inline-block;letter-spacing:.9rem;text-align:center}@supports (background-clip: text) or (-webkit-background-clip: text){.heading-2{background-image:linear-gradient(to right, #1c1c39, #448);-webkit-background-clip:text;background-clip:text;color:transparent}}@media only screen and (max-width: 56.25em){.heading-2{letter-spacing:.2rem}}@media only screen and (max-width: 43.75em){.heading-2{padding:.5rem}}.heading-2--dark{color:#336}.heading-2--light{color:#e6e6e6}.heading-3{font-family:"Ubuntu", sans-serif;text-transform:uppercase;font-size:1.8rem;letter-spacing:.3rem}.heading-3--light{color:#e6e6e6}.paragraph--light{color:#f0f0f0}@-webkit-keyframes scaleToView{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleToView{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes moveUpToView{0%{-webkit-transform:translateY(6rem) scale(0.6);transform:translateY(6rem) scale(0.6);opacity:0}100%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}}@keyframes moveUpToView{0%{-webkit-transform:translateY(6rem) scale(0.6);transform:translateY(6rem) scale(0.6);opacity:0}100%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}}@-webkit-keyframes fadeUpToView{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeUpToView{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeDownToView{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeDownToView{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeLeftToView{0%{-webkit-transform:translateX(3rem);transform:translateX(3rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeLeftToView{0%{-webkit-transform:translateX(3rem);transform:translateX(3rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fadeRightToView{0%{-webkit-transform:translateX(-3rem);transform:translateX(-3rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeRightToView{0%{-webkit-transform:translateX(-3rem);transform:translateX(-3rem);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.cta-btn,.cta-btn:link,.cta-btn:visited{background-image:linear-gradient(45deg, #ff5f5f 50%, #f0f0f0 50%);background-size:220%;background-position:100%;padding:2.5rem 4.5rem;border:none;border-radius:100px;color:#336;letter-spacing:2px;font-size:2rem;text-transform:uppercase;text-decoration:none;box-shadow:0 1rem 2rem rgba(0,0,0,0.4);outline:none;transition:all 0.2s,background-position 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)}.cta-btn--dark,.cta-btn--dark:link,.cta-btn--dark:visited{background-image:linear-gradient(45deg, #ff5f5f 50%, #336 50%);color:#f0f0f0}.cta-btn:hover,.cta-btn:active,.cta-btn:focus{color:#f0f0f0;background-position:0%;outline:none}.cta-btn:hover,.cta-btn:focus{-webkit-transform:translateY(-4px) scale(1.1);transform:translateY(-4px) scale(1.1);box-shadow:0 1.5rem 3rem rgba(0,0,0,0.4)}.cta-btn:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 1rem 2rem rgba(0,0,0,0.4)}.gallery{height:38.7vw;width:35vw;position:relative}.gallery:hover>*{-webkit-transform:scale(0.95);transform:scale(0.95)}@media only screen and (max-width: 43.75em){.gallery{height:29.7vw;width:73vw}}@media only screen and (max-width: 31.25em){.gallery{height:46.2vw}}.gallery__img{display:block;position:absolute;border-radius:4px;box-shadow:0 1rem 2rem rgba(0,0,0,0.4);transition:all .2s}.gallery__img:hover{z-index:50;-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 1.5rem 3rem rgba(0,0,0,0.4)}.gallery__img--1{z-index:40;top:0;right:7.6%;width:63%}@media only screen and (max-width: 43.75em){.gallery__img--1{right:40.6%;width:40%}}@media only screen and (max-width: 31.25em){.gallery__img--1{right:33.6%;width:52%}}.gallery__img--2{z-index:20;width:50%;left:0;top:12.1%}@media only screen and (max-width: 43.75em){.gallery__img--2{width:28%;top:9.1%}}@media only screen and (max-width: 31.25em){.gallery__img--2{width:39%;top:14.1%}}.gallery__img--3{z-index:30;width:60%;right:0;top:34.8%}@media only screen and (max-width: 43.75em){.gallery__img--3{width:32%;top:5.8%}}@media only screen and (max-width: 31.25em){.gallery__img--3{width:49%;top:8.8%}}.gallery__img--4{z-index:10;bottom:0;width:70%;left:10.6%}@media only screen and (max-width: 43.75em){.gallery__img--4{width:39%;left:45.6%}}@media only screen and (max-width: 31.25em){.gallery__img--4{width:51%;left:33.6%}}.feature{display:grid;grid-template-columns:-webkit-min-content minmax(-webkit-min-content, 40rem);grid-template-columns:min-content minmax(min-content, 40rem);align-items:center;grid-column-gap:5rem;grid-row-gap:.5rem;opacity:0;transition:all 1s}.feature__icon{height:5rem;width:5rem;fill:#e6e6e6;grid-row:1 / 3}.feature__text{font-size:1.6rem}.feature--left{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.feature--right{-webkit-transform:translateX(50%);transform:translateX(50%)}.feature--visible{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.notice{width:81rem;max-width:90%;margin:0 auto;padding:4rem;background-image:linear-gradient(to bottom right, #ff5f5f, #ff3d3d);border-radius:3px;box-shadow:0 1rem 5rem rgba(0,0,0,0.8);opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);transition:all 1s;display:grid;grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content;justify-items:center;align-items:center;grid-column-gap:5rem;grid-row-gap:1rem}@media only screen and (max-width: 43.75em){.notice{grid-row-gap:2rem}}.notice--visible{-webkit-transform:translateY(-53%) scale(1);transform:translateY(-53%) scale(1);opacity:1}.notice__icon{fill:#e6e6e6;height:6rem;width:6rem;grid-row:1 / 3;grid-column:2 / 3}@media only screen and (max-width: 43.75em){.notice__icon{grid-row:1 / 2}}.notice__heading{font-size:2.6rem;grid-column:1 / -1;grid-row:1 / 2}@media only screen and (max-width: 43.75em){.notice__text{grid-column:1 / -1}}.arrow{width:6rem;height:3rem;cursor:pointer;position:relative}.arrow__left,.arrow__right{height:3px;background-color:#333;position:absolute;top:50%;transition:all .2s}.arrow--down .arrow__left{right:2.85rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.5rem}.arrow--down .arrow__right{right:2rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:1.5rem}.arrow--down:hover .arrow__left{-webkit-transform:rotate(30deg);transform:rotate(30deg);width:1.25rem;right:2.95rem}.arrow--down:hover .arrow__right{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:1.25rem;right:2.05rem}.arrow--up .arrow__left{right:2.85rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:1.5rem}.arrow--up .arrow__right{right:2rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.5rem}.arrow--up:hover .arrow__left{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:1.25rem;right:2.95rem}.arrow--up:hover .arrow__right{-webkit-transform:rotate(30deg);transform:rotate(30deg);width:1.25rem;right:2.05rem}.arrow--right .arrow__left{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.5rem;right:2.1rem;top:0.95rem}.arrow--right .arrow__right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:1.5rem;top:1.8rem;right:2.1rem}.arrow:active .arrow__left{-webkit-transform:rotate(0deg);transform:rotate(0deg);width:1.1rem;right:3.1rem}.arrow:active .arrow__right{-webkit-transform:rotate(0deg);transform:rotate(0deg);width:1.1rem;right:2.1rem}.arrow--right:active .arrow__left{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.5rem;right:2.1rem;top:0.95rem}.arrow--right:active .arrow__right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:1.5rem;top:1.8rem;right:2.1rem}.arrow--large{-webkit-transform:scale(2);transform:scale(2)}.arrow--disabled{cursor:default}.arrow--disabled.arrow--down .arrow__left{right:2.85rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.5rem}.arrow--disabled.arrow--down .arrow__right{right:2rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:1.5rem}.arrow--disabled.arrow--up .arrow__left{right:2.85rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:1.5rem}.arrow--disabled.arrow--up .arrow__right{right:2rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.5rem}.dropdown{position:relative;height:11.2rem}.dropdown__heading{margin-left:1.3rem}.dropdown__arrow{width:100%;height:6rem;grid-row:1 / 2;grid-column:1 / -1;z-index:200}.dropdown__content{display:grid;grid-gap:.5rem;grid-template-columns:.5rem 1fr .5rem;position:absolute;top:2.8rem;left:0;width:100%;height:8.0rem;transition:all .4s;overflow:hidden;background-color:#e6e6e6;border-radius:6px;z-index:1000;padding:1.3rem}.dropdown__content--3-col{grid-template-columns:0.5rem repeat(3, 1fr) 0.5rem}.dropdown__content--7-row{grid-template-rows:repeat(8, -webkit-min-content);grid-template-rows:repeat(8, min-content)}.dropdown__content--3-row{grid-template-rows:repeat(4, -webkit-min-content);grid-template-rows:repeat(4, min-content)}.dropdown__content:focus{outline:none;z-index:2000}.dropdown__content--7-row:focus{height:calc(7 * 4.5rem + 8.3rem)}.dropdown__content--3-row:focus{height:calc(3 * 4.5rem + 8.3rem)}.dropdown__content::after{content:"";grid-row:2 / -1;grid-column:-2 / -1}.dropdown__content::before{content:"";grid-row:2 / -1}.dropdown__item{height:4rem;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;background-color:white;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.4);transition:box-shadow 0s .2s,
 -webkit-transform 0s .2s;transition:transform 0s .2s,
 box-shadow 0s .2s;transition:transform 0s .2s,
 box-shadow 0s .2s,
 -webkit-transform 0s .2s;padding:1.9rem;border-radius:3px}@media only screen and (max-width: 68.75em){.dropdown__item{font-size:1.1rem}}.dropdown__item--selected{height:6rem;font-size:2.2rem;grid-column:1 / -1;grid-row:1 / 2;order:-1;margin-bottom:.5rem;transition:box-shadow .2s,
 -webkit-transform .2s;transition:transform .2s,
 box-shadow .2s;transition:transform .2s,
 box-shadow .2s,
 -webkit-transform .2s;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.4)}.dropdown:focus-within .arrow__left{right:2.85rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:1.5rem}.dropdown:focus-within .arrow__right{right:2rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.5rem}.dropdown:focus-within .arrow:not(.arrow--disabled):hover .arrow__left{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:1.25rem;right:2.95rem}.dropdown:focus-within .arrow:not(.arrow--disabled):hover .arrow__right{-webkit-transform:rotate(30deg);transform:rotate(30deg);width:1.25rem;right:2.05rem}.dropdown__content:hover .dropdown__item--selected{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.4)}.dropdown__content:hover .dropdown__arrow{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.dropdown:focus-within .dropdown__item--selected{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 1rem 2rem rgba(0,0,0,0.4)}.dropdown:focus-within .dropdown__arrow{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.dropdown--disabled{opacity:.3}.dropdown--disabled .dropdown__content{pointer-events:none}.dropdown--disabled .dropdown__heading{text-decoration:line-through}.dropdown--disabled .dropdown__content:focus{height:8rem}.dropdown--disabled:focus-within .dropdown__item--selected,.dropdown--disabled .dropdown__content:hover .dropdown__item--selected{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.4)}.dropdown--disabled:focus-within .dropdown__arrow,.dropdown--disabled .dropdown__content:hover .dropdown__arrow{-webkit-transform:translateY(0);transform:translateY(0)}.color-select__item{position:relative;overflow:hidden;padding:0}.color-select__item:not(.dropdown__item--selected):hover .color-select__overlay{left:0rem}.color-select__img{height:145%}.color-select__overlay{position:absolute;left:3.3rem;background-color:white;height:106%;width:100%;-webkit-transform:skewX(-7deg);transform:skewX(-7deg);display:flex;align-items:center;transition:left .3s}.color-select__label{padding:1.5rem;-webkit-transform:skewX(7deg);transform:skewX(7deg);width:calc(100% - 3.3rem)}@media only screen and (max-width: 68.75em){.color-select__label{padding:1.2rem}}.color-select .dropdown__item--selected .color-select__overlay{left:4.6rem}@-webkit-keyframes hideImgSelectOption{0%{height:100%;right:7rem;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{right:7rem;height:100%;opacity:0;top:50%;-webkit-transform:scale(0.6);transform:scale(0.6)}}@keyframes hideImgSelectOption{0%{height:100%;right:7rem;opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{right:7rem;height:100%;opacity:0;top:50%;-webkit-transform:scale(0.6);transform:scale(0.6)}}.img-select{position:relative;height:67rem;width:63rem}.img-select__option{border-radius:3px;transition:all .4s,
 opacity .3s .1s;position:absolute;top:0}.img-select__option--hidden{opacity:0;-webkit-animation:hideImgSelectOption .2s;animation:hideImgSelectOption .2s;height:4rem;right:0}.img-select__option--first{height:100%;right:7rem}.img-select__option--second{height:10em;right:6rem}.img-select__option-img{height:100%}.img-select__option-text{position:absolute;bottom:0;right:0;letter-spacing:4px;font-family:"Ubuntu", sans-serif;font-weight:300;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;font-size:1.6rem}.img-select__option--second .img-select__option-text,.img-select__option--hidden .img-select__option-text{-webkit-transform:scale(0);transform:scale(0)}.img-select__arrow{transition:all .2s;position:absolute;top:5rem;right:0}.img-select__arrow:hover{-webkit-transform:translateX(-3px) scale(2);transform:translateX(-3px) scale(2)}.img-select__arrow:active{-webkit-transform:translateX(3px) scale(2);transform:translateX(3px) scale(2)}.numeric-input{position:relative}.numeric-input__heading{margin-bottom:4.3rem;margin-left:1.3rem}.numeric-input__content{height:0;width:calc(100% - 1.3rem);display:grid;grid-template-columns:1fr 6rem;margin:0 1.3rem;cursor:pointer;position:absolute;z-index:1;transition:height .4s,
 -webkit-transform .2s;transition:height .4s,
 transform .2s;transition:height .4s,
 transform .2s,
 -webkit-transform .2s}.numeric-input__content:focus{outline:none;height:16rem;cursor:default}.numeric-input__value-box{height:calc(100% + 6rem);margin-top:-3rem}.numeric-input__value{grid-column:1 / 2;font-size:2.2rem;padding:1.3rem;background-color:white;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.4);height:6rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;top:0;width:100%;transition:all .2s;border-radius:3px 0px 0px 3px;cursor:pointer}.numeric-input__arrow-box{height:calc(100% + 6rem);background:white;position:absolute;right:0;top:-3rem;border-radius:0px 3px 3px 0px}.numeric-input__arrow-box::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;transition:all .2s;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.4)}.numeric-input__arrow--down,.numeric-input__arrow--up{height:6rem}.numeric-input__arrow--down{position:absolute;bottom:0}.numeric-input__arrow--up .arrow__left,.numeric-input__arrow--up .arrow__right{top:30%}.numeric-input__arrow--down .arrow__left,.numeric-input__arrow--down .arrow__right{top:60%}.numeric-input__content:hover .numeric-input__arrow-box::before{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.4)}.numeric-input__content:focus .numeric-input__arrow-box::before{box-shadow:0 1rem 2rem rgba(0,0,0,0.4)}.numeric-input__content:focus .numeric-input__arrow--down .arrow__left,.numeric-input__content:hover .numeric-input__arrow--down .arrow__left{-webkit-transform:rotate(30deg);transform:rotate(30deg);width:1.25rem;right:2.95rem}.numeric-input__content:focus .numeric-input__arrow--down .arrow__right,.numeric-input__content:hover .numeric-input__arrow--down .arrow__right{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:1.25rem;right:2.05rem}.numeric-input__content:focus .numeric-input__arrow--up .arrow__left,.numeric-input__content:hover .numeric-input__arrow--up .arrow__left{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:1.25rem;right:2.95rem}.numeric-input__content:focus .numeric-input__arrow--up .arrow__right,.numeric-input__content:hover .numeric-input__arrow--up .arrow__right{-webkit-transform:rotate(30deg);transform:rotate(30deg);width:1.25rem;right:2.05rem}.numeric-input__content:hover .numeric-input__value{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.4)}.numeric-input__content:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.numeric-input__content:focus .numeric-input__value{box-shadow:0 1rem 2rem rgba(0,0,0,0.4)}.numeric-input__content:focus{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.header{height:90vh;min-height:50rem;background-image:linear-gradient(to bottom right, rgba(68,68,136,0.9), rgba(28,28,57,0.9)),url(../img/hero-1.jpg);background-size:cover;background-position:bottom;color:#f0f0f0;line-height:1.1;padding:8rem;box-shadow:0 1rem 5rem rgba(0,0,0,0.8);display:grid;grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content;grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr;justify-content:center;justify-items:start;align-content:start;align-items:center;grid-column-gap:4rem}@media only screen and (max-width: 43.75em){.header{grid-template-columns:-webkit-min-content;grid-template-columns:min-content;grid-template-rows:-webkit-min-content 1fr 1fr 1fr;grid-template-rows:min-content 1fr 1fr 1fr;justify-items:center;padding:4rem;min-height:55rem}}.header__logo{grid-row:1 / 3;width:20rem;-webkit-animation:scaleToView .7s;animation:scaleToView .7s;-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@media only screen and (max-width: 43.75em){.header__logo{grid-row:1 / 2}}.header__heading{align-self:end;justify-self:start;-webkit-animation:fadeDownToView 1s;animation:fadeDownToView 1s;-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@media only screen and (max-width: 43.75em){.header__heading{-webkit-animation:fadeRightToView 1s;animation:fadeRightToView 1s}}.header__slogan{font-size:1.6rem;font-family:"Ubuntu", sans-serif;align-self:end;text-transform:uppercase;align-self:start;justify-self:start;-webkit-animation:fadeUpToView 1s;animation:fadeUpToView 1s;-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@media only screen and (max-width: 43.75em){.header__slogan{justify-self:center;-webkit-animation:fadeLeftToView 1s;animation:fadeLeftToView 1s}}.header__button{grid-column:1 / -1;justify-self:center;-webkit-animation:moveUpToView .7s;animation:moveUpToView .7s;-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.about{padding:8rem 6rem;display:grid;grid-template-columns:minmax(-webkit-min-content, 60rem) -webkit-min-content;grid-template-columns:minmax(min-content, 60rem) min-content;grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;justify-content:center;justify-items:center;align-items:center;grid-column-gap:12rem;grid-row-gap:6rem}@media only screen and (max-width: 81.25em){.about{grid-column-gap:6rem}}@media only screen and (max-width: 43.75em){.about{grid-template-columns:-webkit-min-content;grid-template-columns:min-content;grid-template-rows:repeat(4, -webkit-min-content);grid-template-rows:repeat(4, min-content);padding:6rem 10rem}}.about__heading{grid-column:1 / -1;grid-row:1 / 2}.about__gallery{grid-column:2 / 3;grid-row:2 / -1}@media only screen and (max-width: 43.75em){.about__gallery{grid-column:1 / 2;grid-row:2 / 3;margin-top:-2rem}}.about__sub-heading{margin-bottom:2rem}.about .paragraph:not(:last-of-type){margin-bottom:8rem}@media only screen and (max-width: 81.25em){.about .paragraph:not(:last-of-type){margin-bottom:4rem}}.features{background:linear-gradient(to bottom right, rgba(68,68,136,0.9), rgba(28,28,57,0.9)),url(../img/hero-2.jpg);background-size:cover;background-position:center;box-shadow:0 1rem 5rem rgba(0,0,0,0.8);padding:8rem 6rem;padding-bottom:24rem;overflow:hidden;display:grid;grid-template-columns:repeat(3, 1fr);grid-row-gap:6rem;justify-content:center;justify-items:center}.features__heading{grid-column:1 / -1}.features__feature.feature--left{grid-column:1 / 3}.features__feature.feature--right{grid-column:2 / 4}@media only screen and (max-width: 43.75em){.features__feature.feature{grid-column:1 / -1}}.ordering{max-width:150rem;margin:auto;margin-top:-6rem;padding:2rem;padding-bottom:5rem;display:grid;grid-row-gap:2rem;grid-column-gap:4rem;grid-template-columns:-webkit-min-content [preview-end options-start] 1fr 1fr;grid-template-columns:min-content [preview-end options-start] 1fr 1fr;grid-template-rows:repeat(5, -webkit-min-content) 1fr;grid-template-rows:repeat(5, min-content) 1fr;align-items:start}@media only screen and (max-width: 81.25em){.ordering{grid-column-gap:2rem}}@media only screen and (max-width: 43.75em){.ordering{grid-template-columns:[options-start] 1fr 1fr [preview-end];grid-template-rows:repeat(7, -webkit-min-content);grid-template-rows:repeat(7, min-content);padding-left:10rem;padding-right:10rem}}@media only screen and (max-width: 31.25em){.ordering{padding-left:4rem;padding-right:4rem}}.ordering__heading{justify-self:center;grid-column:1 / -1}.ordering__sock-select{grid-column:1 / preview-end;grid-row:2 / -1;align-self:center}@media only screen and (max-width: 81.25em){.ordering__sock-select{width:53rem;height:57rem}}@media only screen and (max-width: 56.25em){.ordering__sock-select{width:40rem;height:44rem}.ordering__sock-select .img-select__option--second{height:10rem}.ordering__sock-select .img-select__arrow{top:3rem}}@media only screen and (max-width: 43.75em){.ordering__sock-select{grid-row:2 / 3;justify-self:center}}.ordering .color-select{grid-column:options-start / -1}.ordering__textarea-box{margin-left:1.3rem;margin-right:1.3rem;grid-column:options-start / -1}.ordering__textarea{width:100%;font-size:1.8rem;padding:1rem;margin-top:1.3rem;border:none;border-radius:3px;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.4);font-family:"Ubuntu", sans-serif;line-height:1.2;resize:none;transition:all .2s}.ordering__textarea:hover{box-shadow:0 0.5rem 1rem rgba(0,0,0,0.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.ordering__textarea:focus{outline:none;box-shadow:0 1rem 2rem rgba(0,0,0,0.4);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.ordering__cta-btn{grid-column:options-start / -1;width:22rem;align-self:center;justify-self:center}@media only screen and (max-width: 81.25em){.ordering__cta-btn{margin-top:2rem}}.footer{background:#333;color:#f0f0f0;padding:3rem;box-shadow:0 1rem 5rem rgba(0,0,0,0.8)}.footer__copyright{text-align:right}