#intro {
  background-size: cover;
  height: 100%;
}

.top-nav-collapse {
background: rgba(9, 48, 87, 0.85);
}
.cm-logo{
  height: 35px;
  width: 250px;
}
.navbar-brand {
  padding: 0px;
}
. {
  height: 5%;
  padding: 5px;
  width: auto;i
}

.navbar:not(.top-nav-collapse) {
background: rgba(9, 48, 87, 0.1);
}
.pricing-section {
  background-color: #004c99 !important;
}

.page-footer {
  background-color: #004c99 !important;
}

@media (max-width: 700px) {
  .navbar:not(.top-nav-collapse) {
    background: rgba(9, 48, 87, 0.1) !important;
  }
}

#intro .h6 {
  font-weight: 300;
  line-height: 1.7;
}

@media (max-width: 450px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .navbar:not(.top-nav-collapse) {
    background: rgba(9, 48, 87, 0.1) !important;
  }
  .cm-logo{
    height: 30px;
    width: 180px;
  }
}

#pricing .lead {
  opacity: 0.7;
}

#pricing .card-image {
  background: url("../img/architecture.jpg") no-repeat center center;
}

#pricing ul li {
  font-size: 1.1em;
}


.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.display-4 {
  font-size: 40px;
}


.modal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transform: scale(1.1);
        transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    }
    .modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 1rem 1.5rem;
        width: 24rem;
        border-radius: 0.5rem;
    }
    .close-button {
        float: right;
        width: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        cursor: pointer;
        border-radius: 0.25rem;
        background-color: lightgray;
    }
    .close-button:hover {
        background-color: darkgray;
    }
    .show-modal {
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }

omg.gambar_monomer {
  float: center;
  margin: 5px;
}

h2, h3, h4, h5, h6 {
  color:darkcyan;
  font-weight: bold;
  font-family: sans-serif;
}