:root {
    --primary-color:#D7292E;
;
}


body {
    font-family:'Nunito', sans-serif;
}

/* ELEMENTS */
h1, h2, h3, h4, h5, h6 {
    font-family:'Goldman', sans-serif; color:var(--primary-color); font-weight:700;
}

/* CLASSES */
.offset-md-2-5 {
    margin-left: 10.83%; /* Sesuaikan margin-left untuk offset 2.5 kolom */
}



section { display:flex; position:relative; justify-content:center; align-items:center; width:100%; min-height:100px; }

.site-footer {
    strong { color: var(--primary-color); display:block; line-height:1.2em; margin-bottom:.6em; height:1.4em; display:block; }
    b { display:block; }
    small { line-height:1.2em; display:inline-block; }
}
.soc-icons {
    a { display:inline-block; margin:5px; padding:4px; width:24px; height:24px; background-color:var(--primary-color); color:#fff; text-decoration:none; border-radius:3px;
        i { display:flex; height:100%; width: 100%; justify-content: center; align-items: center; }
    }
}
.copyr { background-color:var(--primary-color); }

.asd{
    position: relative; /* Posisi relatif pada div induk */
}

.podium {
    height: 100%;
    width: 100%;
    position: absolute; /* Absolute relative to the parent */
    top: 0; /* Sesuaikan posisi */
    left: 0; /* Sesuaikan posisi */
    z-index: 1; /* Z-index tinggi agar berada di atas elemen lainnya */
}
.orn {
    position:absolute; height:100%; width:100%; top:0; left:0; z-index:1;
    & > img { max-width:210px; }
    .orn-start,
    .orn-end { position:absolute; left:0; bottom:0; }
    .orn-end { left:unset; right:0; bottom:unset; top:0; }
    .orn-start-2 { max-width:160px; }
}

.ovn {
    position:absolute; height:100%; width:100%; top:0; left:0; z-index:1;
    & > img { max-width:210px; }
    .logo {
        position:absolute; 
        left:5%; 
        top:5%;
    
    }
}

.orn + .container  { z-index:5; }
.ovn + .container  { z-index:5; }



@media all and (max-width: 768px) {
    .site-footer strong.empty { display:none; }
    .orn { display:none; }
}