.dis-block-l-768
{
    display:none;
}

/* CTA backgrounds */

.hero-block .purple-cta-background {
    background-color: #706290;
    color: #FFFFFF;
}
.hero-block .blue-cta-background {
    background-color: #3AB9DC;
    color: #FFFFFF;
}
.hero-block .white-cta-background {
    background-color: #FFFFFF;
    color: #3AB9DC;
}

.hero-block .action-box {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 30px;
    align-items: center;
    justify-content: center;
}

.hero-block .action-box button {
    padding: 14px 38px
}

.hero-block .btn-purple {
    background-color: #706290;
    color: #FFFFFF;
}
.hero-block .btn-purple:hover {
    background-color: #706290 !important;
    color: #FFFFFF !important;
}
.hero-block .btn-blue {
    background-color: #3AB9DC;
    color: #FFFFFF;
}
.hero-block .btn-blue:hover {
    background-color: #3AB9DC !important;
    color: #FFFFFF !important;
}
.hero-block .btn-white {
    background-color: #FFFFFF;
    color: #3AB9DC;
}
.hero-block .btn-white:hover {
    background-color: #FFFFFF !important;
    color: #3AB9DC !important;
}

/* Font color */

.hero-block .text-color-gradient {
    background: -webkit-linear-gradient(left, #2EB8E5, #706290);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero-block .text-color-gradient2 {
    background: -webkit-linear-gradient(left, #706290, #3AB9DC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero-block .text-color-purple {
    color: #706290;
}
.hero-block .text-color-blue {
    color: #3AB9DC;
}
.hero-block .text-color-white {
    color: #FFFFFF;
}
.hero-block .text-color-grey {
    color: #728287;
}

.hero-block a, a:visited {
    font-family: 'museo-sans-500', sans-serif;
}

@media (max-width: 480px) {

    .hero-block .action-box {
        grid-auto-flow: row;
    }
}

@media only screen and (min-width: 1200px){
    .hero-block .container {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .hero-block .container {
        padding: 0 15px !important;
    }
}