#brandlogo {
      width:350px;
     }

     main {
      margin-top:124px;
      }

.img1 {
     background-image: url('../img/shs_720916462.jpg');
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     background-attachment: fixed !important;
     background-size: cover !important;   
     background-position: center !important;
    }

    .img2 {
     background-image: url('../img/shs_1399642037.jpg');
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     background-attachment: fixed !important;
     background-size: cover !important;   
     background-position: center !important;
    }

     .carousel-inner { 
     height: 70vh;
     <! --  custom hight -->
  }

  .carousel-item  { 
     height: 100%;
  }

  .carousel-caption {
  	bottom:320px;
  }

  .navbar-brand {
    
    margin-left: 40px;

}


   /* start of desktop styles */

@media screen and (max-width: 991px) {
     /* start of large tablet styles */
    
}

@media screen and (max-width: 767px) {
     /* start of medium tablet styles */
     /* Adding a fixed/percentage min-width could ensure that the image doesn't get too small */
    
}

@media screen and (max-width: 479px) {
     /* start of phone styles */
     /* It's possible to hide the image if the screen becomes too small */
     #brandlogo {
      width:230px !important;
     }

      main {
      margin-top:110px !important;
      }

       .carousel-caption {
        bottom:120px !important;
        background-color:rgba(255, 255, 255,0.6) !important;
        text-align: center !important;
      }

      .d-mobile-none {
        display:none !important;
      }

      #phone_number {
        margin-left:15px;
        margin-top:5px;
      }
      #cgpdf {
        display:block !important;
      }
      footer {
        text-align: center !important;
      }
}