@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {
  font-family: 'Open Sans', sans-serif;
}

.hsv-color {
  color: #df2c45 !important;
}

.badge-hsv {
	color: #fff;
	background-color: #df2c45;
}

.footer {
  margin-top: 60px;
}

.footer .navbar {
  font-family: "Roboto", sans-serif;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

.navbar-brand > img {
  height: 50px;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .navbar-brand > img {
    height: 75px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .navbar-brand > img {
    height: 100px;
  }
}