body {
  font-family: 'Raleway';
  background-color: var(--light);
}

@media (min-width: 992px) {
  .brand-navbar-img {
    width: 100px!important;
    height: 100px!important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .brand-navbar-img {
    width: 80px!important;
    height: 80px!important;
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  .brand-navbar-img {
    width: 64px!important;
    height: 64px!important;
  }
}

@media (min-width: 360px) and (max-width: 399px) {
  .brand-navbar-img {
    width: 64px!important;
    height: 64px!important;
  }
}

.brand-navbar-img {
  width: 24px;
  height: 24px;
}

.mr-1 {
}

.icon-btn {
  font-size: 36px;
}

.footer {
}

.ps-1 {
  height: 15vh;
}

.ps-3 {
  height: 15vh;
}

.ps-2 {
  height: 70vh;
}

.radius-0 {
  border-radius: 0!important;
}

@media (max-width: 359px) {
  .combm-navbar {
    width: 160px;
    height: 72px;
  }
}

@media (min-width: 768px) and (max-width:1199px) {
  .combm-navbar {
    width: 300px;
    /*height: 80px;*/
  }
}

@media (min-width: 1200px) {
  .combm-navbar {
    width: 360px;
    /*height: 80px;*/
  }
}

@media (min-width: 360px) and (max-width: 767px) {
  .combm-navbar {
    width: 192px;
    height: 72px;
  }
}

@media (max-width: 767px) {
  .p-resp {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .p-resp {
    font-size: 1.4rem;
  }
}

@media (max-width: 399px) {
  .span-resp {
    font-size: 0.8rem;
  }
}