@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Vujahday+Script&display=swap');
body{background-color:#f6f5f1;font-family: 'Roboto', sans-serif;}
.cnrshdow{box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); margin: 1rem auto; padding: 0px; border-radius: 8px;background-color: #fff;}
header{z-index: 9999; position: relative; border-radius: 6px; }
p{font-weight: 300;}
.logo{height: 50px;}

@media (min-width: 768px) {
  .navbar-brand.abs
      {
          position: absolute;
          width: auto;
          left: 50%;
          transform: translateX(-50%);
          text-align: center;
      }
  }

  .navbar{padding: 0.8rem 0; z-index: 99; position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0.5); }
  .navbar-expand-md .navbar-nav .nav-link{padding: 0.5rem 1.5rem;color: #333;}
.banner{background-image:url(../images/banner.jpg); 
  background-size: cover; 
  background-repeat: no-repeat; 
  height: 600px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;  text-align: left; padding-top: 3%; color: #fff; padding-left: 5%; }
 
  .banner h1{
    font-size: 50px;
    text-shadow: 2px 2px rgba(0,0,0,0.35);
    font-weight: bold;
  margin-top: 100px;
  text-align: center;
  }

  .textalignjust{text-align: justify;}

.responsive-img{width:100%; height:auto;}
.greybg{background-color: #eee;}
.darkgreybg{background-color: #333; padding: 40px 30px; color: #fff;}
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 0px;
  }
  
  .gallery img {
    width: 100%;
    height: 200px;
  }

  .footer{background-color: #eee; padding-top:20px; color: #333;}
  .copyright{font-size: small; color: #999; background-color: #eee; text-align: center; margin-top: 15px;}
  .copyright a{color: #999; text-decoration: none; margin: 0 10px;}
  .footer h5{font-weight: 500;}
  .footer p{font-size: 12px; margin-top: 20px;}
  .footer ul{list-style-type: none; padding: 0; margin: 0;}
  .footer li{list-style-type: none; padding: 0; margin: 0;}
  .footer li a{color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 18px; text-decoration: none;}
  .footer li a:hover{text-decoration: underline; color: #fff;}

  .inptbx{border: 1px solid #999; color: #000; border-radius: 3px; padding: 10px;}
  .sbtbtn{background-color: #000; color: #fff; padding: 10px 25px; margin-left: 0.5rem; border: 0px;border-radius: 3px;}
  .qualcnr{width: 200px; height: 200px; border-radius: 50%; display: inline-block; color: #fff; font-size: 34px; background-color: #333;text-align: center;
    line-height: 200px; margin-bottom: 1rem;font-family: 'Vujahday Script', cursive;}
    .brdrbtn{display: inline-block; border: 2px solid #333; margin-bottom: 10px; color: #000; padding: 8px 30px;}
    .brdrbtn:hover{background-color: #000; color: #fff;}