body {
    font-family: sans-serif;
}

#logo {
    /* height: calc(1rem + 3vw); */
    /* background-color: black; */
}

#isi {
    /* height: calc(2rem + 5vw); */
}

#navbarNavAltMarkup a.active {
    color: rgb(237, 205, 31);
    font-weight: bold;
}

header {
    /* margin-bottom: calc(3.3rem + 2.8vw); */
    /* margin-bottom: calc(4rem + 3.5vw); */
    /* background-color: black !important; */
}
div.first-sec {
    padding-top: calc(5rem + 3vw);
}

/* @media only screen and (max-width: 600px) {
    #logoo {
        max-width: 220px;
        max-height: auto;
    }

    #isilogo {
        max-width: 40px;
        max-height: auto;
    }
}

@media only screen and (max-width: 1500px) {
    #logoo {
        max-width: 220px;
        max-height: auto;
    }

    #isilogo {
        max-width: 59px;
        max-height: auto;
    }
}

@media only screen and (max-width: 1143px) {
    #logoo {
        max-width: 170px;
        max-height: auto;
    }

    #isilogo {
        max-width: 59px;
        max-height: auto;
    }
} */
#logoo {
    /* width: 70%; */
    max-width: 70%;
}

#isilogo {
    /* width: 59px; */
    max-width: 10%;
}

@media only screen and (max-width:768px) {
    #logoo {
        max-width: 170px;
    }

    #isilogo {
        max-width: 35px;
    }
}