/*Navbar*/
.navbar-brand{
    font-family: Nunito;
    font-size: 32px;
}
/*tombol*/
.tombol{
    text-transform: uppercase;
    border-radius: 5px;
}
/*jumbotron*/
.jumbotron{
    background-image: url(img/bg.jpg);
    background-size: cover;
    height: 500px;
    text-align: center;
}
.jumbotron .display-4{
    color: white;
    text-align: center;
    margin-top: 150px;
    font-weight: 200;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.7);
    font-size: 32px;
}
.jumbotron .lead{
    color: white;
    text-align: center;
    margin-top: 150px;
    font-size: 20px;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.7);
}
.jumbotron .display-4 span{
    font-weight: 500;
}
/*about*/
.about h3{
    font-size: 30px;
    margin-top: 10px;
    text-align: center;
}
/*Features*/
.fitur h3{
    font-size: 30px;
    margin-top: 25px;
    text-align: center;
}

/*fitur1*/
.fitur1 h3{
    font-size: 30px;
    margin-top: 30px;
    text-align: center;
}
.fitur1 p{
    text-align: center;
}
.fitur1{
    margin-top: 10px;
}

/*fitur2*/
.fitur2 h3{
    font-size: 30px;
    margin-top: 30px;
    text-align: center;
}
.fitur2 p{
    text-align: center;
}
.fitur2 {
    margin-top: 10px;
}

/*fitur3*/
.fitur3 h3{
    font-size: 30px;
    margin-top: 30px;
    text-align: center;
}
.fitur3 p{
    text-align: center;
}
.fitur3 {
    margin-top: 10px;
}

/*contact*/
.contact {
    margin-top: 10px;
    background-color:#D6DBDF;
}
.contact h4 {
    margin-top: 30px;
}
.contact p {
    margin-top: 15px;
}

/*Workingspace*/
.workingspace h3{
    font-size: 40px;
    margin-top: 40px;
    font-weight: 200;
    text-align: center;
}
.workingspace h3 span{
    font-weight: 500;
    text-align: center;
}
.workingspace{
    margin-top: 40px;
}

/*pricing*/
.pricing h3 {
    text-align: center;
}
.pricing1 {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 50px;
}
.pricing1 h3 {
    text-align: center;
    color:green;
}
.client h3 {
    text-align: center;
    margin-bottom: 20px;
}
/*Desktop*/
@media (min-width: 992px) {
    .navbar-brand, .nav-link{
        color: white !important;
        text-shadow: 1px 1px 1px rgba(0,0,0, 0.7);
    }
    .nav-link{
        text-transform: uppercase;
        margin-right: 20px;
    }
    .nav-link:hover::after{
        content: '';
        display: block;
        border-bottom: 3px solid royalblue;
        width: 70%;
        margin: auto;
        padding-bottom: 5px;
        margin-bottom: -8px;
    }
    .jumbotron{
        margin-top: -75px;
        height: 600px;
    }
    .jumbotron .display-4{
        font-size: 62px;
    }
    .workingspace h3{
        text-align: left;
    }
    .fitur1 h3{
        margin-top: 65px;
    }
    .fitur1 h3{
        text-align: right;
    }
    .fitur1 p{
        text-align: right;
    }
    .fitur2 h3{
        margin-top: 75px;
    }
    .fitur2 h3{
        text-align: left;
    }
    .fitur2 p{
        text-align: left;
    }
    .fitur3 h3{
        margin-top: 75px;
    }
    .fitur3 h3{
        text-align: right;
    }
    .fitur3 p{
        text-align: right;
    }
    .contact h4 {
        margin-top: 30px;
        margin-left: 150px;
    }
    .contact h5 {
        margin-left: 150px;
    }
    .contact p {
        margin-top: 15px;
        margin-left: 150px;
    }
    .contact {
        margin-top: 40px;
        margin-left: -115px;
        margin-right: -115px;
    }
    .pricing1 p {
        text-align: center;
    }
 }