/* --------------------- Header Main --------------------- */

.header {
    /* background: rgb(200, 4, 74, 1); */
    background: rgb(2, 5, 75, 1); */
    padding: 0rem;
    margin: 0rem;
}
.header-fluid {
    padding-right: 0;
    padding-left: 0;
}
.header1 {
   /* background: rgb(7, 40, 63, 1); */
   background: rgb(15, 199, 240, 1);
    padding: 0rem;
    margin: 0;
}
.header1-fluid {
    padding-right: 0;
    padding-left: 0;
}
.header2 {
    background-color: #eee;
    padding: 0rem;
    margin: 0rem;
}
.header2-fluid {
    padding-right: 0;
    padding-left: 0;
}
.header3 {
    background-color: #444;
    padding: 0rem;
    margin-bottom: 0rem;
}
.header3-fluid {
    padding-right: 0;
    padding-left: 0;
}
.header4 {
    background-color: #f60;
    padding: 0rem;
    margin: 0rem;
}
.header4-fluid {
    padding-right: 0;
    padding-left: 0;
}



/* --------------------- Menu 2 --------------------- */
.menu2 {
    margin: 1rem 0 0rem 0;
    padding: 0 0rem 1rem 0rem;
  }
  @media (max-width: 575.98px) {
    .menu2 {
      margin: 1rem 0 1rem 0;
      padding: 0rem;
    }
  }
  .menu2 h1 {
    padding: 0rem;
    margin: 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #eee;
  }
  @media (max-width: 575.98px) {
    .menu2 h1 {
      font-size: 1.6rem;
    }
  }
  .menu2 h2 {
    padding: 0rem;
    margin: 0rem;
    font-size: 2rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .menu2 h2 {
      font-size: 1.6rem;
    }
  }
  .menu2 h3 {
    padding: 0rem;
    margin: 0rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #eee;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .menu2 h3 {
      font-size: 1rem;
    }
  }
  .menu2 p {
    padding: 0 0rem 0 0rem;
    font-size: 1rem;
    font-weight: 500;
    color:#eee;
    text-align: center;
  }
  .menu2 a {
    font-size: 2rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
  }
  .menu2 a:hover {
    font-size: 2rem;
    color:#fff;
  }

/* --------------------- end Menu 2 --------------------- */

/* --------------------- Background --------------------- */
.bg1 {
    /* background: #f60; */
    background: rgb(255, 102, 0, 1);
 }
 .bg2 {
    /* background: rgb(7, 40, 63, 1); */
    background: rgb(15, 199, 240, 1);
     padding: 0rem;
     margin: 0;
 }
 .bg3 {
    /* background: #0fc7f0; */
    background: rgb(15, 199, 240, 1);
 }
 .bg4 {
    /* background: #0071bc; */
    background: rgb(0, 113, 188, 1);
 }
/* --------------------- end Backgrounds --------------------- */


/* --------------------- end Header Main --------------------- */
.modul1 {
    background-color: rgba(238, 238, 238, 1);
    border: 0.5rem #eee solid;
    border-radius: 1rem;
    margin: 2rem 0 3rem 0;
    padding: 0;
  }
  @media (max-width: 575.98px) {
    .modul1 {
      margin: 1rem 0 0 0;
      padding: 0rem;
    }
  }
  .modul1 h1 {
    padding: 0rem;
    margin: 0rem;
    font-size: 3rem;
    font-weight: 700;
    color: #090448;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .modul1 h1 {
      font-size: 2rem;
    }
  }

  .modul1 h3 {
    padding: 0rem;
    margin: 0rem;
    font-size: 1rem;
    font-weight: 900;
    color: #090448;
    text-align: center;
  }
  @media (max-width: 575.98px) {
    .modul1 h3 {
      font-size: 0.8rem;
      font-weight: 500;
    }
  }
  .modul1 p {
    padding: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #444;
    text-align: left;
  }
  .modul1 a {
    font-size: 2rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
  }
  .modul1 a:hover {
    font-size: 1rem;
    color:#090448;
  }
  .modul1 ul {
    border-radius: 1rem 1rem 0rem 0rem;
    margin: 0rem;
    padding: 0rem;
    list-style: none;
  }
  .modul1 li {
    padding: 0.25rem 0 0 0;
  }
  .modul1 li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
  }




.header20 {
    background: transparent;
    border-radius: 1rem;
    margin: 2rem 0 1rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
}

.header20 h1 {
    padding: 0.5rem 2rem 0rem 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #090448;
    text-align: center;
}

@media (max-width: 575.98px) {
    .header20 h1 {
        font-size: 1.4rem;
    }
}

.header20 h2 {
    padding: 0rem 0rem 1rem 0rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #090448;
    text-align: center;
}

.header20 h3 {
    padding: 1rem 0 1rem 0;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: center;
}

.header20 h4 {
    padding: 1rem 0 1rem 0;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: center;
}



.header20 p {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    text-align: left;
}

.header20 a {
    font-size: 1.2rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
}

.header20 a:hover {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ef0607;
}

.header20 ul {
    margin: 0;
    padding: 0rem;
    background-color: #eee;
    list-style: none;
}

.header20 li {
    line-height: 1.8rem;
}

.header20 li a {
    font-size: 1rem;
    text-decoration: none;
    font-weight: 500;
    list-style: none;
}



.gold {
    background: transparent;
    margin: 2rem 0 1rem 0;
    padding: 1rem 0rem 0rem 0rem;
}

.gold h1 {
    padding: 0rem;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.gold h3 {
    padding: 0rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

.silver {
    background: transparent;
    margin: 2rem 0 1rem 0;
    padding: 1rem 0rem 0rem 0rem;
}

.silver h1 {
    padding: 0rem;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.silver h3 {
    padding: 0rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

.bronze {
    background: transparent;
    margin: 2rem 0 1rem 0;
    padding: 1rem 0rem 0rem 0rem;
}

.bronze h1 {
    padding: 0rem;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.bronze h3 {
    padding: 0rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}

.special {
    background: transparent;
    margin: 2rem 0 1rem 0;
    padding: 1rem 0rem 0rem 0rem;
}

.special h1 {
    padding: 0rem;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    text-align: center;
}

.special h3 {
    padding: 0rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
}