/* 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;
  }
}

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

/* 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;
  }
}

#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: black;
  }

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