body{
  font-family:Arial, Helvetica, sans-serif;
}

#donate{
  text-align:right;
  padding:200px;
  background:url(../images/eldery.jpg) no-repeat;
  background-size:cover;
}

@media (max-width:1199px) {
  #donate{
    padding:160px;
  }
}

@media (max-width:1366px) {
  #donate{
    padding:250px;
  }
}

@media (max-width:991px) {
  #donate{
    padding:80px;
  }
}

@media (max-width:767px) {
  #donate{
    padding:15px;
  }
}

#donate .jumbotron{
  border-radius:30px;
  background:rgba(255,255,255,0.5);
  max-width:800px;
  margin:0 auto;
  padding:50px;
  margin-top:100px;
}

@media (max-width:991px) {
  #donate .jumbotron{
    padding:5px;
    margin-top:150px;
  }
}

#donate .jumbotron{
  padding:20px;
}

.site-section{
  text-align:center;
  padding:40px 0;
  max-width:800px;
}

.site-section h1{
  margin-bottom:30px;
  font-weight:normal;
}

#welcome p{
  max-width:800px;
  font-size:20px;
  margin:0 auto;
  font-weight:normal;
}

#about i{
  font-size:42px;
  margin-top:30px;
  color:#67b6ab;
}

#aktifitas i{
  font-size:42px;
  margin-top:30px;
  color:#67b6ab;
}

#about h2{
  font-weight:normal;
  font-size:24px;
}

#aktifitas h2{
  font-weight:normal;
  margin-top:10px;
  margin-bottom:30px;
  font-size:24px;
}

.dark-section{
  background-color:#f2fafc;
}

#logo{
  max-width:30%;
  margin-left:20px;
  margin-right:30px;
  margin-top:-3px;
  display:inline-block;
}

#about p{
  color:#4e4b4b;
}

.navbar{
  background-color:transparent;
}

#img-site{
  margin:0 auto;
}

ul#list-activities{
  text-align:left;
}

.navbar-brand{
  float:left;
  padding:21.5px 15px;
  font-size:20px;
  line-height:10px;
  height:65px;
}

#img-activities{
  display:block;
  margin:0 auto;
  margin-top:100px;
}

@media (max-width:767px) {
   #img-activities{
    display:block;
    margin:0 auto;
    margin-top:60px;
    }
}


#col-activities{
}

ul#list-mission{
  text-align:left;
}

#row-about{
}

.galeri-item{
  position:relative;
  padding-bottom:30px;
}

.galeri-item > a{
  position:relative;
  display:block;
  background:#fff;
  outline:none;
}

.galeri-row{
  margin-bottom:-30px;
}

img.galeri-item{
  width:100%;
  opacity:1;
  -webkit-transition:.3s opacity ease-in-out;
}

@media (max-width:991px) {
  .navbar-nav > li{
    margin-left:-10px;
    margin-right:-15px;
  }
}

.img-galeri{
  margin:10px;
}

.myImg{
  border-radius:5px;
  cursor:pointer;
  transition:0.3s;
}

.myImg:hover{
  opacity:0.7;
}

.modal{
  display:none;
  position:fixed;
  z-index:1;
  padding-top:100px;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(184, 181, 181);
  background-color:rgba(201, 199, 199, 0.9);
}

@media (max-width:991px) {
  .modal {
    padding-top: 200px;
  }
}

@media (max-width:767px) {
  .modal {
    padding-top: 250px;
  }
}

.modal-content{
  margin:auto;
  display:block;
  width:80%;
  max-width:700px;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

#caption{
  margin:auto;
  display:block;
  width:80%;
  max-width:700px;
  text-align:center;
  color:rgb(0, 0, 0);
  padding:10px 0;
  height:150px;
}

.modal-content, #caption{
  -webkit-animation-name:zoom;
  -webkit-animation-duration:0.6s;
  animation-name:zoom;
  animation-duration:0.6s;
}

/* The Close Button */
.close {
  position: absolute;
  top: 80px;
  right: 35px;
  color: #050505;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

@media (max-width:991px) {
  .close{
    margin: auto;
  }
}

@media (max-width:767px) {
  .close{
    margin: auto;
  }
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
      width: 100%;
  }
}