*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    
    
}


.navbar-brand img {
  display: inline-block;
  vertical-align: middle;
}

.navbar-brand h2 {
  display: inline-block;
  font-size: 30px;
  margin-left: 0.5rem;
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-collapse {
  position: absolute;
  top: 56px;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color:   red;
}

@media (min-width: 992px) {
  .navbar-collapse {
      position: unset;
      top: unset;
      left: unset;
      z-index: unset;
      width: unset;
      background-color: unset;
  }
}


.navbar-scroll {
  background-color: transparent;
  transition: background-color 0.5s ease-in-out;
}

.navbar-scroll.scrolled {
  background-color: red;
}


@media (max-width: 767px) {
  #myrow img {
    width: 100%;
    max-width: 250px;
    margin-bottom: 20px;
  }
}

.one {
  background-image: url(../images/heroarea.jpg);
  background-position: center;
  background-size: cover;
}




.card-one{
  margin: 0 auto;
  float: none;
}


.card-one:hover{
  transform: scale(1.10);
  color: red;
  transition: all ease-in-out .4s;
  font-weight: 700;

}










.float-up-down {
  animation: float-up-down 3s ease-in-out infinite;
}

@keyframes float-up-down {
  0% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-20px);
  }
  100% {
      transform: translateY(0);
  }
}




.footer{
  background-image: url(../images/footer.png);
}