/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700'); */

@font-face {
    font-family: "SFPro";
    src: url("https://murba.co.id/assets/webarch/fonts/SFProText/SF-Pro-Text-Light.otf") format("opentype");
    }

:root{
    --font-family:"SFPro",sans-serif;
    --bg-color:rgba(0, 0, 0, 0.8);
}
body{
    font-family: var(--font-family)!important;
    letter-spacing: 0.5px;
}

.joe-col > div > h1, h2, h3, h4, h5, p {
    text-align: center!important;
}
.joe-col > div > img{
    margin:0 auto;
    width:100%;
}

.joe-nav-container{
    background-color: var(--bg-color)!important;
}
.joe-nav{
    text-align: center;
    height: 44px;
    width: 100%;
    /* background-color: var(--bg-color)!important;s */
    color:#f5f5f7;
    padding-top:12px;
}
.joe-nav a {
    color:white;
    opacity: 0.8;
    text-decoration: none;
}
.joe-nav a:hover {
    color:white;
    opacity: 1;
    text-decoration: none;
}


#map{
    border:2px solid var(--bg-color);
    border-radius:14px;
}