/* If the screen size is 601px wide or more, set the font-size of <div> to 80px 
1920
1280
1024
768
640
320
*/

@media screen and (min-width: 1367px) and (max-width: 1920px) {
  h3.inside-header {
    font-size: 1.3vw;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
  h3.inside-header {
    font-size: 2vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  h3.inside-header {
    font-size: 2.2vw;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  h3.inside-header {
    font-size: 2.5vw;
  }

  table {
    font-size: .6rem;
  }
}

@media screen and (min-width: 321px) and (max-width: 600px) {
  h3.inside-header {
    font-size: 2.8vw;
  }

  table {
    font-size: .6rem;
  }

}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 320px) {
  h3.inside-header {
    font-size: 3vw;
    padding-left: 3em;
  }

  table {
    font-size: .6rem;
  }
}

#topicos {
  list-style-type: none;
}

#topicos>li {

  margin: 0.2em;
  padding-left: 0.5em;
}

.li_1_7 {
  background-color: rgb(197, 198, 245);
}

.li_8_15 {
  background-color: rgb(247, 197, 197)
}

.li_16_23 {
  background-color: rgb(241, 219, 179)
}

.li_24_27 {
  background-color: rgb(227, 187, 245)
}

.li_28_37 {
  background-color: rgb(214, 250, 221)
}

.li_38_46 {
  background-color: rgb(233, 177, 224)
}

.li_47_55 {
  background-color: rgb(190, 185, 185)
}

.li_56_58 {
  background-color: rgb(241, 227, 199)
}

.imagelink {
  background-color: transparent;
}

.imagelink:hover {
  background-color: transparent;
}

footer {
  background-color: #3D3D3D;
  border-top: 0.5em solid #3DC0F0;
}

.fc-list-event-title a:hover {
  color: white;
  padding-left: 0.5em;
  padding-right: 0.5em;
}