.header-title {
    color: white;
    top: 5px;
    position: absolute;
}

@media screen and (max-width: 767px) {
    .header-title {
        font-size: 14px;
    }

    .header-title>span {
        font-size: 18px;
    }

    .logo {
        display: none !important;
    }

    .content-wrapper {
        margin-top: 50px;
    }

    .modal-dialog {
        margin-top: 130px;
    }

    #region-wrapper {
        display: none;
    }

    .main-footer {
        font-size: x-small;
    }

    .navbar-custom-menu {
        display: none;
    }

    .sm-header-button {
        margin: 10px 20px 10px 0;
    }
}

@media screen and (min-width: 768px) {
    .header-title {
        font-size: 28px;
    }

    .content-wrapper {
        margin-top: 50px;
    }

    .modal-dialog {
        margin-top: 80px;
    }

    .sm-header-button {
        display: none;
    }
}