.sponsors {
  background: rgb(26, 35, 56);
  color: #1b1917;
}





.sponsors .section-title {
  text-align: center;
  font-size: 50px;
  font-weight: 500;
}



.sponsor-category {

  margin-bottom: 20px;

}



.sponsor-category h3 {

  margin-bottom: 20px;

  font-weight: bold;

  background-color: #f3f3f3;

  padding: 15px;

  border-bottom: 2px solid;

}




.sponsor-category.diamond h3 {

  border-color: #b9f2ff;

}



.sponsor-category.gold h3 {

  border-color: #d4af37;

}



.sponsor-category.silver h3 {

  border-color: #c0c0c0;

}



.sponsor-category.bronze h3 {

  border-color: #cd7f32;

}



.brands__logos {

  display: flex;

  align-items: center;

  justify-content: space-around;

  margin-bottom: 20px;

  min-height: 200px;

  flex-direction: column-reverse;

}



.brands__logos > a {

  display: inline-block;

  text-align: center;

  margin-bottom: 40px;

}



@media (min-width: 600px) {

  .brands__logos {

    flex-direction: row;

  }



  .brands__logos > a {

    margin-bottom: 0;

  }

}

.center-logos-left{
  margin-bottom: 60px;
  margin-top: -20px;
}

.center-logos-right{
  margin-bottom: 25px;
  margin-top: -20px;
}

@media (min-width: 1024px) {
  .sponsor-category.diamond img, .openingCard img {
    width: 280px;
    position: relative;
  }
  .width-210{
    width: 210px !important;
  }
  .logo-racoon img {
    padding-top: 20%;
  }
  .logo-predify img {
    margin-top: 13% !important;
  }
}

@media (min-width: 850px) and (max-width: 1024px){
  .sponsor-category.diamond img {
    width: 230px;
    position: relative;
  }
  .width-210{
    width: 160px !important;
  }
  .sponsors .section-title {
    font-size: 40px;
  }
  .openingCard img{
    width: 180px;
    position: relative;
  }
  .openingCard .width-210 {
    width: 130px !important;
  }
  .logo-racoon img {
    padding-top: 21%;
  }
  .logo-predify img {
    margin-top: 15% !important;
  }
}
@media (max-width: 767px){
  .sponsors .section-title {
    text-align: center;
    font-size: 35px;
    font-weight: 500;
  }
}
@media (min-width: 670px) and (max-width: 850px){
  .sponsor-category.diamond img {
    width: 200px;
    position: relative;
  }
  .width-210{
    width: 130px !important;
  }
  .openingCard img{
    width: 150px;
    position: relative;
  }
  .openingCard .width-210 {
    width: 100px !important;
  }
  .logo-racoon img {
    padding-top: 25%;
  }
  .logo-predify img {
    margin-top: 21% !important;
  }
}
@media  (max-width: 670px){
  .sponsor-category.diamond img, .openingCard img{
    width: 170px;
    position: relative;
  }
  .width-210{
    width: 100px !important;
  }
  .openingCard img{
    width: 120px;
    position: relative;
  }
  .openingCard .width-210 {
    width: 70px !important;
  }
  .openingCard .center-logos-left {
    margin-top: -10%;
  }
  .logo-racoon img {
    padding-top: 0%;
  }
  .logo-predify img {
    margin-top: 8% !important;
  }
}
@media  (max-width: 600px){
  .center-logos-left{
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .center-logos-right{
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .width-210 {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .openingCard img{
    width: 65%;
    position: relative;
  }
  .openingCard .width-210 {
    width: 35% !important;
  }
  .openingCard .center-logos-left {
    margin-bottom: 8%;
    margin-top: 0%;
  }
  .logo-racoon img {
    padding-top: 0%;
  }
  .logo-predify img {
    margin-top: 0% !important;
  }
}
@media  (max-width: 425px) {
  .openingCard img{
    width: 90%;
    position: relative;
  }
  .openingCard .width-210 {
    width: 60% !important;
  }
}
@media  (max-width: 321px) {
  .openingCard img{
    width: 100%;
    position: relative;
  }
}