body::before{
    display: block;
    content: '';
    background-color:#235DAA;
    height: 60px;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@media (min-width: 768px){ 
  .circular {
        width: 50%;
    }
}

@media (max-width: 992px) {
  .mobile-view-heading {
    font-size: 200%;
  }
}

@media (max-width: 992px) {
  .mobile-view-text {
    font-size: 135%;
  }
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

.right {
  float: right;
  text-align: center;
  width: 300px;
  border: 3px solid #73AD21;
  padding: 10px;
}

.gallery {
  background-color: blanchedalmond;
  padding: 80px, 0;
}
 
.img {
  max-width: 100%;
}

.gallery-item {
  background-color: #ffffff;
  padding: 15px;
  width: 100%;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  cursor: pointer;
}

#gallery-modal .modal-img{
   width: 100% ;
}

.bg-img {
    max-width: fit-content;
    height: auto;
    object-fit: cover;
}