/* Branding Elements */

.main-logo {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding-right: 15px;
}

.main-logo-icon {
    width: 40px;
    height: 40px;
    margin: 0px 10px 0 0;
    background: transparent url('/style/images/svg/logo.svg') center left no-repeat;
    background-size: cover;
}

.logotext {
}

.logotext .title {
    margin: 4px 0 0 0px;
    font-size: 17pt;
    color: #333;
    font-weight: 500;
    text-transform: none;
    text-align: left;
}

.logotext .subtitle {
    font-size: 8pt;
    color: #999;
    font-weight: normal;
    text-transform: none;
    text-align: left;
}

/* Background Images */

.image-block2 {
    background: url(/style/images/backgrounds/rainbow-wave4.jpg) no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: cover;
    min-height: 90vh;
}

.image-background10 {
    background: url(/style/images/backgrounds/rainbow-wave3.jpg) no-repeat;
    background-position-x: 60%;
    background-position-y: 60%;
    background-size: cover;
}


/* Branding Logo  */

.brand-logo {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding-right: 15px;
}

.brand-logo-icon {
    width: 40px;
    height: 40px;
    margin: 0px 10px 0 0;
    background: transparent url('/style/images/svg/logo.svg') center left no-repeat;
    background-size: cover;
}

.brand-logotext
{
    max-width: 120px;
}

.brand-title {
    margin: 4px 0 0 0px;
    font-size: 17pt;
    color: #333;
    font-weight: 500;
    text-transform: none;
    text-align: left;
    line-height: normal;
    white-space: nowrap;
}

.brand-subtitle {
    font-size: 8pt;
    color: #999;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    line-height: normal;
    white-space: nowrap;
}