body{
  font-family: 'Josefin Sans', sans-serif;
  background-color: #dd1f36;
  background-position: center top;
  background-attachment: scroll;
  background-size: auto;
  background-image: url(https://dongen.media/wp-content/uploads/2020/06/dm-pattern.png);
  font-size: 16px; 
  color: #fff;
}
h1, h2, h3, h4, h5, h6{
  text-transform: uppercase;
  font-weight: bold;
}
h1{
  font-size: 36px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
a{
  text-decoration: none;
}
a:link{
  color: #000;
}
a:hover{
  color: #dd1f36;
}
a:active{
  color: #fff;
}
a:visited{
  color: #000;
}
.header{
  background-color: #fff;
  padding: 20px;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%)
}
.headerLogo{
  width: 125px;
  margin: 20px;
}
.mainmenu{
  text-transform: uppercase;
  font-weight: bold;
  list-style: none;
  text-align: center;
  margin: 40px;
  padding: 0;
  display: none;  
}
.mainmenu.open{                                                                      
  display: block;
}
.mainmenu a{
  font-weight: 400;
}
.mainmenu a:link{
  color: #000;
}
.mainmenu a:hover{
  color: #dd1f36;
}
.mainmenu a:active, .mainmenu a.active{
  color: #dd1f36;
}

.mainmenu li{
  padding: 14px;
  display: block;
}
.footer{
  font-size: 0.8rem;
}
.footer a{
  color: #fff;
  font-weight: bold;
}
@media (min-width: 768px){
  .mainmenu li{
    display: inline-block;
  }
  .mainmenu{
    display: block;
  }
}
.menubtn{
  cursor: pointer;
  padding: 40px;
}

.eventlist{
  margin: 0;
  padding: 0;  
}
.eventitem{
  list-style: none;
  background-color: #fff;
  padding: 20px;
  color: #000;
}



#nav-icon1{
  width: 60px;
  margin: auto;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span{
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #dd1f36;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}