.item-8 .suggested,
            .item-9 .suggested
            {
                display:none;
            }
         
            
            
            
            
            
            
            
            
            
            
            
           
            section{
                height: 100vh;
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: center;
                padding:5%;
                box-sizing: border-box;
               
                align-items: center;
                background:#000;
                color:#fff;
                gap:2.5vh;
                    

            }
            .video-wrapper{
                padding:0;
            }
            .video-wrapper video{
                width:100%;
            }
            
            body.item-grid #content ul
            {
                display: grid;
                gap: 1vh;
                flex-direction: column;
                justify-items: center;
                align-content: center;
                grid-template-columns: 33% 33% 33%;
                width:95%;
                margin:2.5%;
            }
            body.item-grid #content a{
                /*
                width:30%;
                */
                width:100%;
                height:70vh;
                float:left;
                background:#eae7e277;
                display:flex;
                align-items:center;
                justify-content:center;

                color:inherit;
                text-decoration: none;
                text-align:center;
                    transition: .4s var(--ease-out-cubic);
            }

            img {
                        /*
                height:  60%;
                width:auto;

                object-fit:contain;
                */
                               width: 88%;
    height: 55%;
    object-fit: contain;
    margin: 0 auto;
                
            }

            body.item-grid #content a:hover{
                background:#eae7e233;
                img{
                           height: 65%;
        width: 100%;
                transition:  .4s var(--ease-out-cubic);
 
                }
                h3{
                   transition:  .4s var(--ease-out-cubic); 
                   opacity:0;
                }
                
            }
            /*
            .item-grid
            */
            body.item-grid #content h1{
                
                    font-size: 3vh;
    font-weight: 400;
                        text-transform:uppercase;
            }
            body.item-grid #content h3{
                    font-size: 1.62vh;
    font-weight: 300;
                transition:  .4s var(--ease-out-cubic); 
                   opacity:1;
                
            }
            /*
             .item-grid
             */
            body.item-grid #content img{
                 
             }
            body.item-grid #content .grid-items div{
                 width:100%;
                 height:100%;
                 display: flex;
                flex-direction: column;
                justify-content: center;
             }
            body.menu-should-change header div.menu-login-link,
            body.menu-should-change header div.menu-button,
            body.contact header div.menu-login-link,
            body.contact header div.menu-button
            {
                color:#000;
            }

            body.menu-should-change header .top img,
            body.contact header .top img
            {
                filter:invert(1);
            }
            .menu-should-change .top,
             .contact .top
            {
                    filter:invert(1); 
                       /* opacity:0; */
            }


             body.solo-item #content a.cta{
                border:1px solid #fff;
                padding:2vh 5vh;
                    width: fit-content;
                
            }
            body.solo-item #content .align-left{
                float:left;
            }
            body.solo-item #content .align-right{
                float:right;
            }
            body.solo-item #content section>div{
                width: 50%;
                display: flex;
                flex-direction: column;
                height: 100%;
                justify-content: center;
                    gap: 1vh;
            }
            body.solo-item #content section>div img{
                height:100%;
                width:auto;
            }
            body.solo-item #content section h1{
                    font-size: 10vh;
    line-height: 8vh;
    font-weight: 100;
            }
            body.solo-item #content section li{
                    list-style: none;
                display: flex;
                flex-direction: column;
                /* gap: 1vh; */
                margin-bottom: 3vh;
            }
            body.solo-item #content .ccend ul,.ccend li{
                list-style: number;
            }
            body.solo-item #content section li>strong{
                        font-weight: 200;
    text-transform: uppercase;
    font-size: 3.4vh;
            }
            #back-to-top
            {
                        display:none;
                    position: fixed;
    z-index: 100;
    bottom: 2%;
    right: 2%;
    color: #fff;
    border: .51vh solid #fff;
    border-radius: 50%;
    padding: 2vh;
    width: 2vh;
    height: 1.8vh;
    display: flex
;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-weight: 400;
    font-size: 4vh;
    opacity: .4;
    cursor:pointer;
    transition: .4s var(--ease-out-cubic);
    
            }
            #back-to-top:hover{
                opacity:.89;
                transition: .4s var(--ease-out-cubic);
            }

.solo-item > div:not(.item-1):not(.item-3) section.video-wrapper 
{
            display:none;
}
ul.sub-cat{
            padding-left:5%;
}
            
            @media (max-width: 768px) {
                section{
                        flex-direction: column;
                        height:unset;
                        padding:0;
                }
                section>div{
                    width:100%!important;
                    min-height: 53vh;
                           
                }
                section>div *:not(img,strong){
                    width:90%;
                    margin:0 5%;
                }
                section:nth-of-type(3){
                    
                }
                section:first-of-type{
                     padding-top:10vh;
                            padding-bottom: 10vh;
                                    flex-direction: column-reverse;
                                    
                }
                section:last-of-type{
                    padding:10vh 0;
                }
                body.item-grid #content ul{
                        grid-template-columns: 49% 49%;
                            width: 95%;
                }
                 body.item-grid #content .grid-items div{
                                 padding: 5%;
    box-sizing: border-box;
                 }
                        body.solo-item #content {
                                        padding-top: 5vh;
                        }
                        body.item-grid #content a{
                                        height: 60vh;
                        }
                        body.solo-item #content section>div
                        
                        {
                            width:100% !important;
                        }
                        .menu-button{
                        font-size:3vh
                        }
            }