style.css

@media only screen and (max-width: 768px) {
    html,
    body {
        width: 100%;
        overflow-x: hidden;
    }
}

html {
    scroll-behavior: smooth;
}


/* custom fonts */

@font-face {
    font-family: credfont;
    src: url('assets/credfontlight.otf');
}

@font-face {
    font-family: credfontbold;
    font-weight: bold;
    src: url('assets/credfontbold.otf');
}

.menu-bold {
    font-family: credfontbold;
    opacity: 0.8;
    color: rgb(255, 255, 255);
    font-size: 21px;
    line-height: 36px;
    white-space: nowrap;
    /* margin-right: 20px; */
}

.hero-first {
    color: rgb(248, 248, 248);
    font-family: credfontbold;
    font-size: 60px;
    line-height: 107px;
}

.hero-detail {
    color: rgb(248, 248, 248);
    font-family: credfont;
    opacity: 0.8;
    line-height: 28px;
}

.features-bold {
    color: rgb(248, 248, 248);
    font-family: credfontbold;
}

.features-normal {
    color: rgb(248, 248, 248);
    font-family: credfont;
    opacity: 0.8;
    line-height: 28px;
}

.getnow-btn {
    font-family: credfont;
    color: rgb(248, 248, 248);
}

button {
    font-family: credfontbold;
    color: rgb(248, 248, 248);
    opacity: 0.9;
}

.cred-normal {
    font-family: credfont;
}


/* * {
    font-family: credfont;
} */


/* sticky header  */

nav {
    position: sticky;
    top: 0;
}


/* hide button below 600 */

@media screen and (max-width: 600px) {
    #getnow-button {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}