@media (max-width: 575.98px) {

html {
    font-size: 13px;
}

.hero-logo {
    width: 80px;
}

  .topbar-text {
    font-size: .85rem;
  }

  .topbar-icon {
    font-size: 2rem;
  }  
  
 }

@media (min-width: 576px) {

html {
    font-size: 14px;
}

.hero-logo {
    width: 130px;
}

  .topbar-text {
    font-size: .8rem;
  }

  .topbar-icon {
    font-size: 2.3rem;
  } 
  
 }

@media (min-width: 768px) {

html {
    font-size: 15px;
}

 }


@media (min-width: 992px) {

html {
    font-size: 16px;
}

.hero-logo {
    width: 130px;
}

 }


@media (min-width: 1200px) {


 }

@media (max-width: 1366px) {

 .navbar .dropdown .dropdown ul {
    left: -90%;
}

}



@media (min-width: 1400px) {


 }