.site-banner {
    background-color: white;
}
.site-nav {
    display: none;
}
.shop-banner {
    height: 200px;
    width: 100%;
    object-fit: cover;
}
.shop-info-con {
    background-color: #f8f8f8;
    display: grid;
    justify-content: center;
    grid-template-columns: 150px repeat(3, 1fr);
    padding: 20px;
    gap: 20px;
}
.shop-logo {
    height: 150px;
    width: 150px;
    border-style: solid;
    border-color: lightgray;
    border-radius: 20px;
}
.shop-slogan, .shop-info {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    margin-top: 0;
}
.soc-pages {
    display: flex;
    margin-top: 30px;
    gap: 20px;
}
.tg-icon { 
    border-radius: 100%;
    height: 30px;
}
.shop-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    font-size: larger;
    background-color: #4C80C0;
    padding: 10px;
    position: sticky;
    top: 120px;
    z-index: 1;
}

/*.item-box {*/
/*    height: auto;*/
/*}*/

/*.iframe-box {*/
/*    transform: none;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    pointer-events: none;*/
/*    margin-top: -70px;*/
/*    margin-left: -8px;*/
/*    }*/

/*.item-slug {*/
/*    display: none;*/
/*}*/

 /* unvisited link */
.shop-nav > a:link {
    text-decoration: none;
    color: white;
}

/* visited link */
.shop-nav > a:visited {
    color: white;
}

/* mouse over link */
.shop-nav > a:hover {
    color: white;
}

/* selected link */
.shop-nav > a:active {
  color: white;
}

/* MOBILE */
@media(max-width: 500px) {
    .shop-nav {
        top: 90px;
        gap: 40px;
        font-size: medium;
    }
    .shop-info-con {
        display: block;
        padding: 0;
    }
    .shop-slogan, .shop-info {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-bottom: 10px;
        text-align: center;
    }
    .soc-pages {
        justify-content: center;
        align-items: center;
    }   
    .shop-logo {
        margin-top: -50px;
    }
    .shop-info {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        align-content: center;
    }
    /*.main-content-grid {*/
    /*    display: grid;*/
    /*    grid-template-columns: 1fr;*/
    /*    gap: 5px;*/
    /*}*/
    /*.soc-icons {*/
    /*    margin: 0;*/
    /*    padding: 0;*/
    /*    display: flex;*/
    /*    text-align: center;*/
    /*    justify-content: center;*/
    /*}*/
}