﻿.home {
    padding: 2rem 0;
}

.title1 {
    font-size: 2rem;
    /* margin-bottom: 1rem; */
}

.navitems {
    margin: -141px;
}

.home-description {
    font-size: 1rem;
    line-height: 1.5;
    text-align: justify;
}

.mobile-view {
    display: none !important;
}

@media (max-width: 768px) {
    .mobile-view {
        display: block !important;
        background-color: #000000;
    }

    .navbararea2 {
        display: none !important;
        ;
    }

    .navbar-nav {
        display: flex;
        flex-direction: row;
    }

        .navbar-nav .nav-link {
            margin: 10px;
            color: #fff;
        }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
        line-height: 15px;
    }
}

@media (min-width: 768px) and (max-width: 968px) {
    .navitems {
        margin: -250px;
    }

    .navbararea2 {
        width: 730px;
    }
}


@media (min-width: 768px) {
    /* .title1 {
        font-size: 2.5rem;
    }
    .home-description {
        font-size: 1.125rem;
    } */
    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
        line-height: 20px;
    }
}

@media (min-width: 1200px) {
    .title1 {
        font-size: 3rem;
    }

    .home-description {
        font-size: 1.25rem;
    }
}

/* .header-area {
    padding: 1rem 0;
}
.grmtitle {
    font-size: 1.25rem;
    line-height: 1.5;
}
.navbar-toggler {
    border: none;
    background: none;
}
.toggler-icon {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #000;
    margin: 4px 0;
} */


.home h3 {
    text-align: left;
    margin-top: 10px;
}

@media (min-width: 992px) {
    .grmtitle {
        font-size: 1.75rem;
    }
}
