body{overflow: hidden;}

#selectPage{background-image: url("../img/Selection_Screen_Background.svg"); background-size: cover; height:calc(100vh - 58px)}

#selectPage .title{    font-size: 40px;
    width: 100%;
    height: 45px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Arial Bold", "Arial", sans-serif;
    font-weight: 700;
    color: #1a1c1c;
    text-align: left;
    line-height: normal;
    margin-top: 213px;
    margin-bottom: 60px;}


.navto{width: 760px;
    height: 120px;
    padding: 2px 2px 2px 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:0 auto 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: inherit;
    border-radius: 5px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 10px 18px 0px rgba(8, 27, 57, 0.15);
    box-shadow: 0px 10px 18px 0px rgba(8, 27, 57, 0.15);
    text-decoration: none;
    color: inherit;
}



.navtoIcon{    
    width: 90px;
    height: 90px;
    background-size: 90px 90px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 40px;
    margin-right: 15px;}


.navtoContent{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;}

.navToTitle{
    font-family: "Arial Bold", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #154898;
    text-align: left;
    line-height: normal;
    margin-top: 32px;
}



.navToText{
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 600px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Arial", sans-serif;
    color: #606466;
    text-align: left;
    line-height: normal;
    font-size: 14px;
}

.navto:hover{
    background-color: rgba(21, 72, 152, 0.75);
    cursor: pointer;
}
.navto:hover .navToText{
    color:#fff;
}
.navto:hover .navToTitle{color:#fff;}

#navToSCRM .navtoIcon{background-image:url('../img/scrm0.svg')}
#navToAI .navtoIcon{background-image:url('../img/ai0.svg')}

#navToSCRM:hover .navtoIcon{background-image:url('../img/scrm1.svg')}
#navToAI:hover .navtoIcon{background-image:url('../img/ai1.svg')}