.home-page-container{row-gap:var(--space-6);grid-template-columns:3fr 2fr;width:1160px;margin:0 30px;display:grid}.bottom-section{column-gap:var(--space-5);row-gap:var(--space-6);grid-column:1/-1;grid-template-columns:4fr 3fr;display:grid}.phone-mockup{width:396px;height:700px;position:relative}@media screen and (max-width:1280px){.home-page-container{width:1024px}.phone-mockup{width:345px;height:611px}}@media screen and (max-width:1024px){.home-page-container{width:100%;margin:0 60px}.phone-mockup{width:254px;height:449px}.bottom-section{grid-template-columns:1fr}}@media screen and (max-width:768px){.home-page-container{margin:0 20px}.phone-mockup{width:213px;height:377px}}@media screen and (max-width:520px){.home-page-container{grid-template-columns:1fr;margin:0 10px}.phone-mockup{order:1;width:294px;height:520px}}
.heading-title{color:#333;font-size:52px;line-height:64px}.description-text-separator{display:none}@media screen and (max-width:1280px){.heading-title{font-size:48px;line-height:59px}}@media screen and (max-width:1024px){.heading-title{font-size:40px;line-height:52px}.description-text-separator{display:block}}@media screen and (max-width:768px){.heading-title{font-size:30px;line-height:36px}}
.app-img{width:auto;height:60px;display:block}.app-img-container{margin:0;padding:0;transition:transform .3s ease-in-out}.app-img-container:hover{transform:scale(1.05)}@media screen and (max-width:1280px){.app-img{height:50px}}@media screen and (max-width:768px){.app-img{height:46px}}@media screen and (max-width:520px){.app-img{height:55px}}
.about-header{color:#333;font-size:32px}.about-subheader{color:#333;font-size:16px}.about-description{font-size:16px}@media screen and (max-width:768px){.about-header{font-size:26px}.about-subheader,.about-description{font-size:14px}}@media screen and (max-width:520px){.about-text-separator{display:none}}