/* layout */

html {
    scroll-padding-top: 230px;
}

body {
    font-size: 14px;
}

.wrapper {
    width: 100%;
}


/* header */

#header {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px 15px;
    row-gap: 20px;
     
    &>div:first-child {
        img {
            height: auto;
            width: 202px;
        }
    }
    
    &>div:last-child {
        img {
            height: var(--mobile-button-h);
        }
    }
}


/* follow our journey */

#followOurJourneyTop {
    h1 {
        font-size: var(--h1-mobile-size);
    }
}

#followOurJourneyBottom {
    gap: 20px;
    margin: -50px 0 80px 0;
    padding: 0 10px;
}

    
/* trusted providers */

#trustedProviders {
    padding: 0 15px; 
    scroll-padding-top: 50px;

    h1 {
        font-size: var(--h1-mobile-size);
    }
    
    #trustedProvidersList {
        flex-direction: column;
        font-size: 14px;
        gap: 0;
        
        a {
            word-break: break-all;
        }
    }
}

/* starter pack */

#starterPack {
    font-size: 16px;
    line-height: 1.7em;
    
    h1 {
        font-size: var(--h1-mobile-size);
    }
    
    p {
        width: 100%;
    }
    
    img#starterPackMonitor {
        bottom: -110px;
        left: 0;
        right: initial;
        width: 200px;
    }
}


/* journey further */

#journeyFurther {
    margin-top: 155px;
}


/* footer */

#footer {
    
    #footerVisitBtn {
        height: var(--mobile-button-h);
    }
    
    #footerGrid {
        justify-content: center;
        
        #footerLeft {
            #footerLeftText {
                font-size: 15px;
            }
        }
        
        #footerRight {
            display: none;
        }
    }
}