body{  
  background: url(../images/scribble_light.jpg.webp) no-repeat fixed center;  
  background-size: cover;
  z-index: 0;
}

.banner img{
  width: 100%;

  border-radius: 10px;
}

.banner {
  position: relative;
}

.banner .container{
  padding: 0;  
  box-shadow: 0px 1px 10px 0px #888888;
  border-radius: 10px;
}

.banner .content{
  position: absolute;
  top: 50vh;
  color: white;
  left: 0;
  right: 0;
  text-align: center;
}

@media(max-width: 991px){
  .banner .content{        
    width: 50%;
    left: 0;
    right: 0;
    margin: auto;        
  }
}

@media(max-width: 544px){
  .banner .content{
    top: 25vh;
  }
  .banner img{
    height: 70vh;
  }
}

@media (max-width:991px){
  .banner .content h2{
  letter-spacing: 3px;
}
}

@media (max-width:767px){
  .banner .content h2{
    font-size: 24px;    
  }
}

@media (max-width:767px){
  .banner .content h2{
    font-size: 20px;    
  }
}

.banner .animation{
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  text-align: center;
}

.banner .animation a span{
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}

.banner .animation a span::before{
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -moz-animation: slidedown 2s infinite;
  -webkit-animation: slidedown 2s infinite;
  animation: slidedown 2s infinite;
  box-sizing: border-box;
}

.who-we-are-block p{
  font-size: 20px;
}

@keyframes slidedown {
  0%   { top: 0px; }
  100% { top: 35px; }
}

iframe{
  width: 100%;
  height: 450px;
}

#about-page .about-block{
  box-shadow: 0px 1px 10px black;
  padding: 0;
}

#about-page h2{
  text-shadow: 0px 1px 2px black;
}

.who-we-are{
  text-shadow: 0 1px 2px black;
}

.who-we-are-block, .maps-block{
  box-shadow: 0px 1px 10px black;
}

#contact-page .contact-block{
  box-shadow: 0px 1px 10px black;
  padding: 0;
}

#contact-page h3{
  text-shadow: 0px 1px 2px black;
}

#contact-page .contact-block .content p{
  font-size: 13px;
}

#contact-page .contact-block .social-links{
  font-size: 40px;
  top: 20px;
}

#contact-page .contact-block .social-links i{
  color: #3b5998;
}

#contact-page .contact-block .social-links i:hover{
  color: #000;
}

@media (max-width: 767px){ 

  .carousel-item img{
    height: 81vh;
  }
}

@media (max-width: 544px){
  iframe{
    height: 50vh;
  }
}

.maps-block{  
  box-shadow: 0px 1px 20px 0px #888888;
}