
    #talos{
        text-align:center;
        background: linear-gradient(180deg,#fff 0,#fff 50%,#ededed 100%);
        color: #212529;
        position: relative;
        height: 100vh !important;
    }
    
    
    #engage{
        text-align:center;
        color: #212529;
        position: relative;
        height: 100vh !important;
    }

    footer {
        display: none !important;
    }


    a.button {
    display: inline-block;
    border: 1px solid #fff;
    font-size: 16px;
    padding: 10px 30px;
    min-width: 167px;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.bold, .h1-bold h1, .strong, .thetitle, a.button, li.current_page_item, p.nav-title {
    font-weight: 700;
}

.color-white, .whitetext {
    color: #fff!important;
}

img {
    width: 100%;
    height: auto;
    opacity: 1 !important;
}

.pink {
    background: #e22b7f;
}

.button.teal {
    font-weight: 700;
    font-size: 16px !important;
    background: #68d7d4;
    background: linear-gradient(180deg, rgba(125,235,232,1) 0%, rgba(103,209,206,1) 100%);
    color: black !important;
}

a.button.teal.whitetext:hover {
    background: linear-gradient(180deg, rgb(133 247 244) 0%, rgb(111 229 225) 100%);
}

a.button.pink.color-white:hover, a.button.pink.whitetext:hover {
    background: #f94ba2;
    cursor: pointer;
}

    .centered-element {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .talos-notice{
        display:none !important;
    }
    nav.nonemobilemenus.font-page-nav.overallnav.navbar.navbar-light.bg-light.sticky-top.non-mobile.site-menu{
        display:none !important;
    }
    div#hbl-live-chat-wrapper, .mobilemenus  {
        display:none !important;
    }
    .asset-image{
        height: 174px;
        width: auto;
        margin: 0 auto;
        display: block;
    }
    .logo{
        height: 122px;
        width: auto;
        margin: 0 auto;
        display: block;
    }
    .findoutmore{
        text-decoration: underline;
    }

    .hide-on-mobile{
        display:block;
    }

    .show-on-mobile{
        display:none;
    }

    .box{
        text-align: center;
        border-radius: 20px;
        box-shadow: 0 3px 10px 0 rgb(0 0 0 / 16%);
        height: 100%;
        padding: 20px 30px;
        background:white;
    }

    .nav.mobilemenus.sticky-top.overallmpbilemen{
        display:none !important;
    }
    
    a.button.pink:hover, a.button.pink:hover {
        background: #f94ba2;
        cursor: pointer;
    }

    @media(max-width:760px){
        .hide-on-mobile{
            display:none;
        }
        .show-on-mobile{
          
            display: block;
            height: 100vh;
            background-position-x: 24% !important;
            background: url(https://talos360.co.uk/wp-content/uploads/2023/07/MicrosoftTeams-image.jpg);
            background-position-y: -80% !important;
            background-repeat: no-repeat;

        }

        .logo {
            height: auto !important;
            width: 100% !important;
            margin: 0 auto;
            display: block;
        }

        .box p {
            margin-bottom: 0 !important;
        }

        .button {
            margin-bottom:20px !important;
            margin-top:20px !important;
        }

        h1{
            font-weight: bold !important;
            padding-bottom: 15px !important;
        }

        a.button {
            margin-bottom: 20px !important;
            margin-top: 20px !important;
        }

        
    }