.font_shadows_into_light {
  font-family: 'Shadows Into Light', cursive;
}

.ul_style_type_none {
  list-style-type: none;
}

.marker1 {
  background-image: url("../images/marks/1.svg");
  background-size: 98% 98%;
  background-position: center center;
  background-repeat: no-repeat;
}

.marker2 {
  background-image: url("../images/marks/2.svg");
  background-size: 98% 98%;
  background-position: center center;
  background-repeat: no-repeat;
}

.marker3 {
  background-image: url("../images/marks/3.svg");
  background-size: 98% 98%;
  background-position: center center;
  background-repeat: no-repeat;
}

.marker4 {
  background-image: url("../images/marks/4.svg");
  background-size: 98% 98%;
  background-position: center center;
  background-repeat: no-repeat;
}

.marker5 {
  background-image: url("../images/marks/5.svg");
  background-size: 98% 98%;
  background-position: center center;
  background-repeat: no-repeat;
}

.marker6 {
  background-image: url("../images/marks/6.svg");
  background-size: 98% 98%;
  background-position: center center;
  background-repeat: no-repeat;
}

/* tr {
  min-height: 70px;
} */

td {
  cursor: pointer;
}

tbody td:hover {
  background-color: #f2f2f2;
}

#events {
  min-height: 450px;
  background-color: #e4ddca;
}

#the-events {
  min-height: 250px;
}

#calendar {
  min-height: 450px;
  background-color: #f0eee5;
}

#title {
  font-family: 'Caveat', cursive;
}

@media screen and (max-width: 768px) {
  #events {
    background-image: url("../images/bg-mountains.png");
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
  }

  #events-bottom {
    height: 76px;
  }
}

@media screen and (min-width: 768px) {
  #events {
    background-image: url("../images/bg-page-torn.jpg");
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    ;
  }

  #events-bottom {
    height: 0px;
  }
}