/* Reset setting */
* {
    margin:0;
    padding:0;
} 
/* Akhir proses reset */

/* Pengaturan Body */
body {
    background-color: #b98a4d17;
    color: rgb(0, 0, 0);
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 11pt;
}
a:link {
    color:#694617;
    text-decoration: none;
}
a:visited {color:#694617;}
a:hover {color:#694617;}

/* Akhir pengaturan body */

/* Pengaturan Navbar Menu */
.navbar {
    color: rgb(255, 255, 255);
    font-family:'Dosis', sans-serif;
    font-size: 18pt;
    font-weight: 400;
}    
.navbar a:link {color:rgb(255, 255, 255);}
.navbar a:visited {color:rgb(255, 255, 255);}
.navbar a:hover {
    color:rgb(255, 255, 255);
    border-bottom: 1px solid #ffffff;
}
.navbar-toggler a:hover{
    border-bottom:none;
}
.navbar-brand {
    font-family: 'Dosis', sans-serif;
}
/* Akhir dari pengaturan Navbar Menu */


/* Pengaturan Jumbotron */
.jumbotron {
    background-image: url('images/img_00.jpg');
    background-position: center;
    margin-top: 200px;
    height:500vh;
}

.intro {
    padding-top: 100px;
    color:rgb(225, 208, 181);
    align-self: center;
}
/* Akhir dari pengaturan jumbotron */


/* Bagian pengaturan Profil */
.profil {
    margin-top: 50px;
}
.profil img {
    margin-bottom: 20px;
}
.profil p {
    font-family: 'Zen Loop', cursive;
    font-size: 18pt;
}
.profil .kontak p {
    font-family: 'Dosis', sans-serif;
    font-size: 14pt;
}
.blockquote {
    font-family: 'Dosis', sans-serif;
}
/* Akhir bagian Profil */
.hobi {
    font-family: 'Dosis', sans-serif;
}

.hobi img {
    border-radius: 8px;
}
/* Awal bagian Foto Hobi */

/* Akhir bagian Foto Hobi */

/* Awal pengaturan Card Layanan Jasa */
.card-header {
    background-color: #b98b4d;
}
.card-title {
    font-family:'Koulen', cursive;
    font-size: 16pt;
}
.card-body {
    background-color: #FFFFFF;
}
.card-footer {
    background-color: #b98a4d4d;
}

video {
    width: 100%;
    height: auto;
}
@media only screen and (min-width: 600px) {
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
/* Akhir bagian Card Layanan Jasa */


/* Awal pengaturan Layanan */
.layanan {
    background-color: #FFFFFF;
    border-radius: 8px;
}
.card-layanan-body {
    background-color: #FFFFFF;
    font-family: 'Dosis', sans-serif;
    font-size: 14pt;
}
.card-layanan-title {
    font-family: 'Bebas Neue', cursive;
    font-size: 24pt;
}
.badge {
    font-family: 'Dosis', sans-serif;
    font-size: 10pt;
}
/* Akhir pengaturan Layanan */


/* Pengaturan Galeri */
.livestream {
    text-align: center;
    padding:5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.livestream .livestream-detail {
    padding: 5px;;
}
.video {
    text-align: center;
}
/* Akhir dari pengaturan Galeri Live Stream */


/* Pengaturan Footer */
.footer {
    margin-top: 200px;
}
/* AKhir dari pengaturan footer */