a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box}a,button{border:none;outline:0;text-decoration:none;background-color:none}



.hero{
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.hero-content{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 12vh;
}
.hero-content img{
    height: 133px;
}
.hero-content h1{
    font-size: 95px;
    font-family: 'Nohemi';
    font-weight: 500;
    color: white;
    line-height: 1.3;
    margin-top: 40px;
    padding: 0 17vw;
    /* height: 250px; */
}
.hero-content p{
    font-size: 18px;
    margin-top: 40px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.5;
}
.hero-content .get-it{
    display: flex;
    gap: 13px;
    margin-top: 40px;
}
.hero-content .get-it img{
    height: 46px;
}

.cursor {
      display: inline-block;
      width: 3px;
      height: 1em;
      background-color: white;
      margin-left: 3px;
      animation: blink 1s step-end infinite;
      vertical-align: bottom;
      margin-bottom: 20px;
    }

    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }




@media (max-width:1680px){
    .hero-content img {
    height: 110px;
}
.hero-content h1 {
    font-size: 80px;
}
.hero-content p {
    font-size: 17px;
    margin-top: 30px;
}
.hero-content .get-it img {
    height: 41px;
}
}


@media (max-width:1440px){
        .hero-content img {
        height: 92px;
    }
        .hero-content h1 {
        font-size: 65px;
    }
        .hero-content p {
        font-size: 16px;
        margin-top: 26px;
    }
    .hero-content .get-it img {
        height: 36px;
    }
}



@media (max-width:1280px){
        .hero-content img {
        height: 76px;
    }
    .hero-content h1 {
        font-size: 55px;
    }
        .hero-content p {
        font-size: 15px;
        margin-top: 21px;
    }
        .hero-content .get-it img {
        height: 34px;
    }
    .cursor {
    height: 40px;
}
}



@media (max-width:1000px){
        .hero-content h1 {
        font-size: 49px;
    }
        .hero-content p {
            width: 60%;
        }
        .hero-content h1 {
        padding: 0 15vw;
    }
}


@media (max-width:800px){
    .hero-content h1 {
        font-size: 41px;
    }
        .hero-content h1 {
        padding: 0 11vw;
    }
      .cursor {
    height: 30px;
    margin-bottom: 10px;
}
}
@media (max-width:800px){
.hero-content h1 {
        font-size: 35px;
    }
        .hero-content p {
        font-size: 14px;
        margin-top: 17px;
    }
    .hero-content .get-it {
        margin-top: 30px;
    }
        .hero-content .get-it img {
        height: 32px;
    }
}
@media (max-width:550px){
        .hero-content p {
        width: 80%;
    }
        .hero-content h1 {
        font-size: 29px;
    }
        .hero-content img {
        height: 63px;
    }
}