html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    #banner {
        height: 80px !important;
    }

    .bannerDiv {
        height: 209px;
        background-color: #F6F6F6;
    }

    #slideImg {
        max-height: 400px !important;
        min-height: 600px !important;
    }
    
}


html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #F6F6F6 !important
}
.bodyDiv {
    min-height: 600px;
    padding: 0px !important;
    margin: 0px !important;
    background-color: #ffffff;
}
a {
    text-decoration: none;
}

.nav-link, .navbar-brand {
    font-size: 22px;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    margin-right: 10px;
    background-color: #a11322;
    color: #fff !important;
}

.navbar-brand {
    margin: auto;
}

.navbar-nav {
    margin: 0px !important;
}


.MenuBack {
    background-color: #a11322;
}

.menuDiv {
    margin: 30px,0px !important;
    background-color: #a11322;
}

.homeLink {
    margin: 0px !important;
    height: 49px;
    padding-right: 10px;
}

.navbar-brand {
    height: 49px !important;
}


.footerBackground {
    background-color: #6351ce !important;
    color: #ffffff !important;
    padding: 0px !important;
    margin: 0px !important;
    min-height: 20px !important;
}