@media (min-width: 800px) and (max-width: 850px) {
      .navbar:not(.top-nav-collapse) {
        background: #444343 !important;
      }
    }

    html,
    body,
    header,
    .carousel {
      height: 60vh;
    }

    .bottom-space {
      margin-bottom: 3%;
    }

    .top1 {
      margin-top: 5%;
    }

    .top2 {
      margin-top: 10%;
    }

    .t_welcome {
      margin-top: 1%;
    }

    .b_welcome {
      margin-bottom: 0.5%;
    }

    .b1 {
      margin-bottom: 6%;
    }

    .b2 {
      margin-bottom: 10%;
    }

    .b-footer {
      margin-bottom: 5%;
    }

    .bg-color {
      background-color: #33b5e5;
    }

    .bg-image {
      background-image: url("img/pg1.jpg")
    }

    #myBtn {
      display: none;
      /* Hidden by default */
      position: fixed;
      /* Fixed/sticky position */
      bottom: 20px;
      /* Place the button at the bottom of the page */
      right: 30px;
      /* Place the button 30px from the right */
      z-index: 99;
      /* Make sure it does not overlap */
      border: none;
      /* Remove borders */
      outline: none;
      /* Remove outline */
      background-color: rgb(53, 52, 65);
      /* Set a background color */
      color: white;
      /* Text color */
      cursor: pointer;
      /* Add a mouse pointer on hover */
      padding: 18px;
      /* Some padding */
      border-radius: 8px;
      /* Rounded corners */
      font-size: 15px;
      /* Increase font size */
    }

    #myBtn:hover {
      background-color: #555;
      /* Add a dark-grey background on hover */
    }