@font-face {
  font-family: 'MeridixEvents';
  src:  url('./fonts/MeridixEvents.eot?g2z8o6');
  src:  url('./fonts/MeridixEvents.eot?g2z8o6#iefix') format('embedded-opentype'),
    url('./fonts/MeridixEvents.ttf?g2z8o6') format('truetype'),
    url('./fonts/MeridixEvents.woff?g2z8o6') format('woff'),
    url('./fonts/MeridixEvents.svg?g2z8o6#MeridixEvents') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="mei-"], [class*=" mei-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'MeridixEvents' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  //border:1px solid red;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  &::before {
    display:inline-block;
  }
}

.event-icon {
   font-size:40px; 
}
.mei-3x {
  font-size: 300%;
}
.mei-450pc {
  font-size: 450%;
}

.mei-education:before {
  content: "\61";
  transform: scale(0.8);
}
.mei-education {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-event:before {
  content: "\71";
}
.mei-event {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-radio:before {
  content: "\63";
}
.mei-radio {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-ceremony:before {
  content: "\64";
}
.mei-ceremony {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-hockey:before {
  content: "\65";
  transform: scale(1.25);
}
.mei-hockey {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-diving:before {
  content: "\66";
}
.mei-diving {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-running:before {
  content: "\67";
  transform: scale(1.15);
}
.mei-running {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-baseball:before, .mei-softball:before {
  content: "\6a";
}  
.mei-baseball, .mei-softball {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-volleyball:before {
  content: "\6b";
}
.mei-volleyball {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-soccer:before {
  content: "\6c";
}
.mei-soccer {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-basketball:before {
  content: "\6d";
}
.mei-basketball {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-tennis:before {
  content: "\6e";
}
.mei-tennis {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-football:before {
  content: "\6f";
  transform: scale(1.15) rotate(-50deg);
}
.mei-football {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-music:before {
  content: "\70";
  transform: scale(0.8);
}
.mei-music {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-general:before {
  content: "\71";
  transform: scale(0.8);
}
.mei-general {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.mei-wrestling:before {
  content: "\72";
  transform: scale(1.3);
}
.mei-wrestling {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}


* { 
	margin: 0; 
	padding: 0; 
}
body { 
	font: 14px/1.4 Georgia, Serif; 
}
#page-wrap {
	margin: 50px;
}
p {
	margin: 20px 0; 
}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		/* width: 100%; */
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #0b7c2b; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}