index.css

.img{
    height:90px;
    width:170px;
    padding:0%;
    flex-direction: row;
}
.bg{
    height:90px;
    width:100%;
    background-color:aliceblue;
    
}
.bgc1{
    background-color:white;
    height:100px;
    width:100%;
   
   
}
.img1{
    height:100px;
    width:150px;
}
.head{
    padding-top:25px;
    padding-left: 13px;
    padding-right: 13px;
}
.glb{
    height:30px;
    width:30px;
    
}
.search{
    height:40px;
    width:50px;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}
.dropdown:hover .dropdown-content {
    display: block;
}  
.cursor{
    cursor: pointer;
    
}
body {
    font-family: 'Roboto', Arial, sans-serif;
    
  }
  
.pr{
    padding-right: 250px;
}
body {
    font-family: 'Roboto', Arial, sans-serif;
  }
  
  .wrapper {
    width: 200px;
    max-width: 31.25rem;
    padding-top:17px;
    
  }
  
  .label {
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: +1.3px;
    margin-bottom: 1rem;
  }
  
  .searchBar {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  #searchQueryInput {
    width: 100%;
    height: 2.8rem;
    background: whitesmoke;
    outline: none;
    border: none;
    border-radius: 1.625rem;
    padding: 0 3.5rem 0 1.5rem;
    font-size: 1rem;
    
  }
  
  #searchQuerySubmit {
    width: 3.5rem;
    height: 2.8rem;
    margin-left: -3.5rem;
    background: none;
    border: none;
    outline: none;
    color:white;
  }
  
  #searchQuerySubmit:hover {
    cursor: pointer;
  }
.carousel-img{
  height:600px;
  width:100%;
}
/* Parallax animation effects */
.hero-carousel .carousel-item .carousel-image {
  transform: scale(1) translateX(0);
  transition: all 0.6s;
}

.hero-carousel .carousel-item.carousel-item-next .carousel-image,
.hero-carousel .carousel-item.active.carousel-item-right .carousel-image {
  transform: scale(1.3) translateX(-50%);
}

.hero-carousel .carousel-item.carousel-item-prev .carousel-image,
.hero-carousel .carousel-item.active.carousel-item-left .carousel-image {
  transform: scale(1.3) translateX(50%);
}

.hero-carousel .carousel-item.carousel-item-next.carousel-item-left .carousel-image,
.hero-carousel .carousel-item.carousel-item-prev.carousel-item-right .carousel-image {
  /*transform: scale(1);*/
  transform: scale(1) translateX(0);
}


/* Makes carousel full screen */
.hero-carousel .carousel-item {
  height: 100vh;
  overflow: hidden;
}

.hero-carousel .carousel-item .carousel-image {
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}




/* Ignore this CSS */
#carouselExampleIndicators {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.hi{
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}


.lower{
  background-color:grey;
  width:100vw;
  background-size:cover;
  text-align:center;
}
.lower-h{
  color:orange;
  font-weight:bold;
}
.lower-p{
  color:aliceblue;
}
.lower-pad{
  padding:30px;
}
.center{
  text-align:center;
}
.padding-right{
  padding-right:30px;
}
.margin{
  margin:60px;
}







.bg10{
  background-color: white;
  height: 80px;
}

.height{
    height: 200px;
    width: 100vw;
    margin-top: 80px;
}
.height1{
  margin-top: 15px;
}