@import url('https://fonts.googleapis.com/css2?family=Comforter&family=Inter:wght@200&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:'inter';
}

html{
  scroll-behavior: smooth;
}

nav.navbar{
  /* background-color: #6B2D0F; */
  /* background-color: #7c03b4; */
  /* background-color: #724df5; */
  /* background-color: #9932cc; */
  background-color: #FF7F50;
  position: sticky;
  top: 0;
  z-index: 1001;
}

a{
  color: #ffffff;
  text-decoration: underline;
}

a:hover{
  /* border: 1px solid #ccc; */
  /* text-decoration: underline; */
  border-radius: 5px;
  /* color: #ccc; */
  color: #ffffff;
  font-size: 1.1em;
}

div.logo{
  display: flex;
}

div.co-name{
  font-size: 20px;
  padding-top: 10px;
  padding-left: 5px;
}


img.navlogo{
  height: 50px;
}

li{
  font-size: 20px;
}

  /* body{
    background:url(../img/quality/bg-pingauge.jpg) no-repeat center;
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
  } */

.equip-img img{
    width: 100%;
  }

  .img_detail{
    position: sticky;
    top: 50%;
  }
  
  footer {
    border-top: 1px solid #ffffff;
    /* background-color: #7c03b4; */
    /* background-color: #6B2D0F; */
    /* background-color: #9932cc; */
    background-color: #FF7F50;    
    padding-top: 2rem;
    padding-bottom: 1rem;
}