:root {
  --bg-red: #E42D30;
  --bg-blue: #004EA1;

}
.bg-light-gray{
  background-color: #e2e2e2;
}
.hover\:text-red:hover {
color: var(--bg-red);
}
.hover\:bg-red:hover {
  background-color: var(--bg-red);
  }
.text-red{
  color: var(--bg-red);
}
.border-red{
  border-color: var(--bg-red);
}
.bg-red{
  background-color: var(--bg-red);
}
.bg-dark-blue{
  background-color: var(--bg-blue);
}
.text-dark-blue{
  color: var(--bg-blue);
}
body,
html {
  font-family: 'Open Sans', sans-serif;
  cursor: auto;
  margin: 0px;
  padding: 0px;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #ffffff;
}
.hs-48{
  font-size: 48px;
}
.hs-32{
  font-size: 32px;
}
.header{
  min-height: 90px;
  transform: translateY(-100%);
  position: fixed;
  z-index: 12;
  width: 100%;
  top: 0;
  left: 0;
}
.logo{
  opacity: 0;
}
.menu a{
  opacity: 0;
}

.section-about{
  min-height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

}
.partner-bg{
  background-color: #212121;
}

.partner-1 {
  border-radius: 120px 20px 20px 120px;
}

.content {
	width:87%;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}

.single-content img {
	width: 320px;
	height: 100%;
}

.filters {
	width: 100%;
	text-align: center;
}
.filters li.active {
	background-color: var(--bg-red);
}

/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}






@media screen and (max-width: 768px) {

.banner {
  margin-top: 2.3rem;
}

.section-about {
  min-height: 500px;
}
}