* {
    box-sizing: border-box;
}

body {
    padding-bottom: 20px;
    /* scroll-behavior: smooth !important;
    overflow-x: hidden !important; */
    background-color: #151210;
    color: #fff;
}

.navbar {
    margin-bottom: 20px;
    height: 60px;
    background: #1C1A18;
    box-shadow: 0px 1px 10px -1px #000000;
    padding: 0px 24px;
    /* flex-shrink: 0; */
    /* display: flex; */
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* z-index: 10000; */
}

#top-navbar-dummy-space {
    height: 80px;
}

.navbar-brand .text {
    padding-left: 10px;
    font-weight: bolder;
    color: #f37915;
}

.navbar-brand .text {
    padding-left: 10px;
}

.offcanvas{
    background-color: #151210;
    color: #fff;
}

.offcanvas-header .offcanvas-title {
    font-weight: bolder;
}

.navbar-toggler{
    color: #ff7300;
}

.navbar-toggler-icon {
    color: #fff;
}

.nav-item .nav-link {
    font-weight: 500;
    color: #ff9900;
}

.nav-item .nav-link:hover {
    color: #ff9900;
}

.navbar-brand .image {
    height: auto;
    max-height: 40px;
    width: auto;
    max-width: 40px;
}

hr {
    opacity: 100%;
    border-top: 2px solid #ffffff;
    border-radius: 10px;
}

.image-index{
    width: 300px;
    height: 300px;
}

#typed-text{
    color: #ff7300;
    font-weight: bolder;
}

.about-btn{
    border-radius: 30px;
    font-weight: bolder;
}

.home-content .link{
    text-decoration: none;
    color: #66ff00;
    font-weight: bolder;
}

.site-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: black;
    color: #fff;
    padding: 30px 0;
    /* z-index: -1; */
}

.footer-social {
    margin-bottom: 20px;
}

.footer-social-links li {
    display: inline;
    margin-right: 10px;
}

.footer-social-links li:last-child {
    margin-right: 0;
}

.footer-social-links .link {
    color: #ffffff;
    text-decoration: none;
    font-weight: bolder;
}

.footer-social-links .link:hover {
    color: #007bff;
}

.footer-copyrights p {
    color: #666;
    margin: 0;
}

@media only screen and (max-width: 992px) and (max-width: 767px) {
    .navbar-brand .image {
        max-height: 40px;
    }
    .navbar-brand{
        padding-right: 40px;
    }

    .navbar-brand .text {
        font-size: 15px;
    }

}

@media (max-width: 991.98px) and (max-width: 767px) {
    .summary .row {
        display: flex;
        flex-direction: column-reverse;
        font-size: 13px;
    }

    .image-index{
        width: 140px;
        height: 140px;
    }

    h2{
        font-size: 20px;
    }

    h4{
        font-size: 16px;
    }

    hr{
        display: none;
    }

}

@media (max-width: 767px) {
    .footer-social-links li {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 992px) and (max-width: 767px) {
    .footer-social-links li{
        font-size: 12px;
        display: inline;
        padding-left: 8px;
    }
    .footer-copyrights{
        padding-left: 70px;
    }
}