* {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}.hero {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;background-image: url(../images/cover.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;color: #fff;height: 100vh;width: 100%;}.hero--link-icon {background-color: #0271bc;padding: 15px 14px;position: fixed;top: 0;left: 0;width: 44px;height: 44px;z-index: 999;}.hero--title {margin-top: 230px;margin-bottom: 10px;text-transform: uppercase;font-size: 42px;font-family: "Roboto Slab";font-weight: 900;text-align: center;width: 320px;}.hero--subtitle {font-size: 16px;font-family: "Roboto";font-weight: 300;text-align: center;margin-bottom: 45px;}.hero--arrow-box {display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-item-align: center;align-self: center;width: 45px;height: 45px;background-color: #fff;border-radius: 50%;}.hero--arrow-btn {text-align: center;margin-top: 18px;}.capitalize {text-transform: capitalize;}.main-info {position: relative;margin-left: 15px;margin-right: 15px;margin-top: 30px;}.main-info--title {height: 30px;font-family: "Roboto";color: #8ccbea;line-height: 30px;font-weight: lighter;font-size: 14px;}.main-info--subtitle {font-family: "Roboto Slab";font-weight: bolder;font-size: 24px;color: #000;line-height: 30px;height: 60px;width: 290px;}.main-info--text {font-family: "Roboto";font-size: 18px;line-height: 30px;color: #4a4a4a;}.main-info--btn {border: solid 2px #f26002;width: 76px;height: 45px;border-radius: 22.5px;background-color: #fff;color: #f26002;font-family: "Roboto Slab";font-weight: bolder;font-size: 20px;margin-top: 30px;margin-bottom: 45px;-webkit-transition: ease 2s;transition: ease 2s;}.main-info--btn:hover {background-color: #faa36d;}.main-purchase {background-color: #eff9ff;display: grid;grid-template-columns: 1fr;text-align: center;padding-top: 30px;color: #000;padding-bottom: 60px;padding-left: 15px;}.main-purchase--title {font-family: "Roboto Slab";font-size: 24px;font-weight: bolder;line-height: 30px;margin-bottom: 45px;}.main-purchase--container {padding-bottom: 45px;padding-left: 30px;padding-right: 30px;}.main-purchase--name {color: #000;font-size: 18px;font-family: "Roboto Slab";text-align: center;}.main-purchase--text {color: #000;font-size: 18px;font-family: "Roboto";line-height: 30px;text-align: center;padding: 0px 30px;}.main-purchase--btn {width: 184px;height: 45px;font-family: "Roboto";font-size: 20px;text-align: center;line-height: 45px;border-radius: 22.5px;color: #f26002;background-color: white;font-weight: bold;position: relative;margin: auto;margin-top: 20px;-webkit-transition: ease 2s;transition: ease 2s;border: solid 2px #f26002;}.main-purchase--btn:hover {font-size: 25px;width: 200px;color: #f26002;background-color: whitesmoke;}.footer {background-color: #304268;-webkit-animation-name: footeranimation;animation-name: footeranimation;-webkit-animation-duration: 5s;animation-duration: 5s;}.footer--arrow {top: -22px;position: relative;left: 50%;width: 45px;height: 45px;background-color: #fff;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.footer--img {-webkit-animation-name: button;animation-name: button;-webkit-animation-duration: 3s;animation-duration: 3s;}.footer--section {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.footer--section__links-info {list-style: none;margin-top: 60px;line-height: 30px;font-size: 16px;font-family: "Roboto";font-weight: lighter;text-align: center;}.footer--section__list-item {text-decoration: none;color: white;text-transform: uppercase;}.footer--section__links-social {list-style: none;margin-top: 30px;line-height: 30px;font-size: 16px;font-family: "Roboto";font-weight: lighter;text-align: center;}.footer--section__copy-right {display: -webkit-box;display: -ms-flexbox;display: flex;text-align: center;margin-top: 30px;color: #fff;font-size: 14px;line-height: 30px;font-family: "Roboto";-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}.footer--section__copy-right--date {font-size: 14px;line-height: 30px;}.footer--section__copy-right--text {font-size: 14px;line-height: 30px;margin-bottom: 45px;}.footer--section__copy-right--heart {color: #f26002;}@media all and (min-width: 768px) {.hero--title {font-size: 80px;width: 690px;}.hero--subtitle {font-size: 24px;}.main-info--subtitle {width: 680px;font-size: 26px;line-height: 45px;}.main-info--text {font-size: 20px;}.main-info--btn {width: 91px;}.main-purchase {grid-template-columns: 1fr 1fr 1fr;row-gap: 20px;}.main-purchase--title {grid-column: 1/4;grid-row: 1/2;font-size: 26px;line-height: 45px;margin-left: 30px;}.main-purchase--text {font-size: 20px;}.main-purchase--container {grid-column: span 1;grid-row: 2/3;}.main-purchase--btn {grid-column: 1/4;grid-row: 3/4;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-top: 40px;}.footer--arrow {visibility: visible;}.footer--section {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-line-pack: start;align-content: flex-start;padding: 45px 39px;}.footer--section__links-info {margin-top: 0px;text-align: left;width: 210px;-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;}.footer--section__links-social {margin-top: 0px;text-align: left;width: 210px;-webkit-box-ordinal-group: 1;-ms-flex-order: 0;order: 0;}.footer--section__copy-right {margin-top: 0px;width: 210px;text-align: left;-webkit-box-ordinal-group: -2;-ms-flex-order: -3;order: -3;}}@media all and (min-width: 1200px) {.hero {background-position: top;}.hero--title {font-size: 100px;}.hero--subtitle {font-size: 24px;}.main-info {margin-left: 275px;}.main-info--info {font-size: 16px;}.main-info--subtitle {font-size: 32px;}.main-info--btn {width: 160px;}--text {font-size: 20px;}.footer--section {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}}@-webkit-keyframes footeranimation {from {background-color: #7b9de6;}to {background-color: #304268;}}@keyframes footeranimation {from {background-color: #7b9de6;}to {background-color: #304268;}}@-webkit-keyframes button {from {width: 21;height: 45px;}to {width: 26px;height: 50px;}}@keyframes button {from {width: 21;height: 45px;}to {width: 26px;height: 50px;}}