.bg_blue { background-color:#EEE5F9}
.bg_orange { background-color:#ffe5ad}
.bg_light_primary { background-color:#fee0fc}
.bg_lila_menu {background-color:#825897; font-size:12px;}
.fx_bg_blue:hover { background-color:#c8e2f7}

:root {
    --text-color: #212529;
    --button-primary-color: #8aadff;
    --button-terciary-color: #51b4ac;
    --button-terciary-color-hover: #439c95;
    --button-terciary-bordercolor: #3f938c;
}

.pointer {cursor:pointer;}
.size16 {
    font-size: 16px;
}
.size18 {
    font-size: 18px;
}

.imgLink {
    cursor:pointer;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:#52307d!important}

.col-sm-4 {
    display:inline-block;
    width:33%;
}

#stPacks {
    padding: 1rem!important;
}
#stPacks h3 {
    margin-bottom: 0px;
}

#stPacks .col-sm-4 span {
    color:var(--text-color);
    margin-left: 10px;
}

.alto-dash {
    height: 120px;
}

.size18 {
    color: #52307d !important;
}

@media (min-width: 768px)
.col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}

@media screen and (max-width: 600px) {
    .col-sm-4 {
        display:block;
        width:100%;
    }
}