html, body {
    height: 100%;
    background-color: var(--primary-color);
}

section[aria-label="single-section"] {
    min-height: calc(100vh - 70px);
    display: flex;
    flex-direction: column;
}

#logo img {
    height: 50px;
}

@media (max-width: 768px) {
    #logo img {
        height: 40px;
    }

    h1 {
        font-size: 40px;
    }

    p.lead {
        font-size: 16px;
    }

    header.header-mobile {
        height: 70px;
    }
}

.section-title {
    font-weight: 600;
}

.ripple-wave {
    display: none !important;
}

.btn-main, a.btn-main, a.btn-main:focus {
    border-radius: 6px;
    font-weight: 600;
}

.btn-lg {
    font-size: 16px !important;
    padding: 12px 40px !important;
}

.nft__item_link {
    font-size: 14px;
}

.nft__item_link:hover {
    text-decoration: underline;
}

/* Swipestudio upsell*/

.swipestudio-banner {
    background-image: linear-gradient(165deg, #FFCF00 0%, #F9A800 100%);
    border-radius: 10px;
    margin-top: 30px;
    padding: 20px 30px;
}

.swipestudio-banner .text-content {
    max-width: 60%;
}

.swipestudio-banner .image-content {
    max-width: 35%;
}

.swipestudio-banner .text-content h2, .swipestudio-banner .text-content p {
    color: var(--dark-color);
}

.swipestudio-banner .banner-img {
    object-fit: contain;
    height: 240px;
    margin-right: 50px;
}

@media (max-width: 768px) {
    .swipestudio-banner .container {
        flex-direction: column;
        text-align: center;
    }

    .swipestudio-banner .text-content {
        max-width: 100%;
    }

    .swipestudio-banner .image-content {
        max-width: 70%;
        margin-top: 15px;
    }
}