#page {
    position: relative;
    min-height: 100vh;
}
#masthead {
    margin-bottom: 10px;
}
#content {
    padding-bottom: 2.5rem;
}
#main-content {
    background-color: #FFF;
    padding: 5vh 0;
}
#primary .container.d-flex.align-self-center{
    height: 80vh;
}
input[type=range][orient=vertical]
{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
    width: 8px;
    height: 175px;
    padding: 0 5px;
}
.bg-skyblue {
    background-color: #EEF9FC;
}
.navbar-inner {
    background:transparent;
}
body {
    background-color: #ECF7FB
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .openning-page {
        display: none;
    }
}
.openning-page {
    height: 25vw;
    height: -webkit-calc(3vh + 25vw);
    height: -moz-calc(3vh + 25vw);
    height: calc(3vh + 25vw);
}
.course_img {
    max-width: 155px;
}
.boy-pic {
    width: 40%;
    bottom: 0;
    margin-top: auto;
}
.carousel-control-prev{
    margin-left: -3.5rem;
    width: 6%;
}
.carousel-control-next{
    width: 6%;
    margin-right: -3.5rem;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.site-footer {
    bottom: 0; left: 0; right: 0; background: #F99E3C
}
.card.bg-skyblue.border-0 {
    transition: .5s;
}
.card.bg-skyblue.border-0:hover {
    transform: scale(1.1, 1.1);
    transition: .5s;
    box-shadow: 0 0 8px #0c6251;
}
.blood_flow {
    display: block;
    margin: auto;
}

/*Darah*/
.darah_bg {
    height: 100vh;
    width: 100vw;
}
.info_text {
    top: 25vh;
    left: 35vw;
}
#info_image {
    max-width: 15vw;
    height: auto;
    margin: 0 1em;
}
.info_tab {
    top: 15vh;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 50vw;
}
.keping_darah {
    max-width: 10vw;
    height: auto;
}

/*JantungPembuluhDarah*/
.jantung {
    max-width: 20vh;
    height: auto;
}
.pembuluh_darah {
    max-width: 35vh;
    height: auto;
}
@media (max-width: 768px) {
    .table-arteri {
        top: 30vh;
        width: 75vw;
    }
}
.table-arteri {
    top: 20vh;
}
ul.list-unstyled li {
    margin: 1em 0;
}
ul.list-unstyled#list_pembeda li:first-child{
    margin: 1em 0 2.5em;
}

/*DenyutJantung*/
.orang_jalan {
    max-height: 30vh;
    max-width: 25vw;
}
.jantung-bigger {
    max-width: 40vh;
    height: auto;
}
.face {
    display: block;
    margin: auto;
    max-width: 7vw;
}