@font-face {
  font-family: 'MotivaSans-BoldItalic';
  src: url('../fonts/291F73_0_0.eot');
  src: url('../fonts/291F73_0_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/291F73_0_0.woff') format('woff'),
       url('../fonts/291F73_0_0.ttf') format('truetype'),
       url('../fonts/291F73_0_0.svg#MotivaSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MotivaSans-LightItalic';
  src: url('../fonts/291F73_2_0.eot');
  src: url('../fonts/291F73_2_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/291F73_2_0.woff') format('woff'),
       url('../fonts/291F73_2_0.ttf') format('truetype'),
       url('../fonts/291F73_2_0.svg#MotivaSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MotivaSans-ExtraBold';
  src: url('../fonts/291F73_3_0.eot');
  src: url('../fonts/291F73_3_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/291F73_3_0.woff') format('woff'),
       url('../fonts/291F73_3_0.ttf') format('truetype'),
       url('../fonts/291F73_3_0.svg#MotivaSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MotivaSans-Medium';
  src: url('../fonts/291F73_4_0.eot');
  src: url('../fonts/291F73_4_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/291F73_4_0.woff') format('woff'),
       url('../fonts/291F73_4_0.ttf') format('truetype'),
       url('../fonts/291F73_4_0.svg#MotivaSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MotivaSans-Light';
  src: url('../fonts/291F73_5_0.eot');
  src: url('../fonts/291F73_5_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/291F73_5_0.woff') format('woff'),
       url('../fonts/291F73_5_0.ttf') format('truetype'),
       url('../fonts/291F73_5_0.svg#MotivaSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MotivaSans-Regular';
  src: url('../fonts/291F73_7_0.eot');
  src: url('../fonts/291F73_7_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/291F73_7_0.woff') format('woff'),
       url('../fonts/291F73_7_0.ttf') format('truetype'),
       url('../fonts/291F73_7_0.svg#MotivaSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MotivaSans-Bold';
  src: url('../fonts/291F73_D_0.eot');
  src: url('../fonts/291F73_D_0.eot?#iefix') format('embedded-opentype'),
       url('../fonts/291F73_D_0.woff') format('woff'),
       url('../fonts/291F73_D_0.ttf') format('truetype'),
       url('../fonts/291F73_D_0.svg#MotivaSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  font-family: "MotivaSans-Regular", "Bookman Old Style", "Serifa BT", "URW Bookman L", "itc bookman", times, serif;
  color: #535353;
}

/* start Monitorama logo and mark */
.navbar-ttc {
  margin-bottom: 0;
  background: #ed7c12; /* Old browsers */
  background: -moz-linear-gradient(left, #23004a 0%,#646598 100%,#261e99 100%);
  background: -webkit-linear-gradient(left, #0f001f 0%,#646598 100%,#5c589b 100%);
  background: linear-gradient(to right, #0f001f 0%,#646598 100%,#5c589b 100%);
}

.navbar div.wrapper {
  margin: 50px 0;
}

.navbar .logo img {
  padding-bottom: 8px;
  width: 15%;
}

@media only screen and (min-width : 1024px) and (max-width : 1600px) {
  .navbar .logo img {
    width: 20%;
  }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .navbar .logo img {
    width: 25%;
  }
}

@media only screen and (min-width : 568px) and (max-width : 768px) {
  .navbar .logo img {
    width: 35%;
  }
}

@media only screen and (min-width : 320px) and (max-width : 568px) {
  .navbar .logo img {
    width: 45%;
  }
}

.navbar .tagline {
  font-size: 1.2em;
  font-style: italic;
  color: #b9b9b9;
  margin-top: 6px;
  padding-left: 20px;
  padding-right: 20px;
}
/* end Monitorama logo and mark */

div.container {
  min-height: 100px;
}

.events div.overlay {
  background-color: #000;
}

.events .overlay span {
  position: absolute;
  top: 280px;
  left: 40px;
  visibility: hidden;
  font-family: 'Pacifico', cursive;
  font-size: 3em;
  color: #ffc800;
}

.events img {
  max-width: 100%;
  max-height: 100%;
}

.events .portland:hover img, .events .baltimore:hover img, .events .amsterdam:hover img {
  opacity: 0.2;
  filter: grayscale(1);
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);
}

.events .portland:hover .overlay span, .events .baltimore:hover .overlay span, .events .amsterdam:hover .overlay span {
  visibility: visible;
}

.events p {
  padding: 2em 0.5em;
  font-size: large;
  font-family: monospace;
}

.events .links a {
  margin-right: 5px;
  margin-bottom: 50px;
}

@media only screen and (min-width : 992px) {
  .events .links a {
    margin-bottom: 0;
  }
}

/* START FOOTER */
footer {
  background: #333;
  padding: 50px;
}

footer * {
  color: #ccc;
}

footer h5 {
  color: rgb(0, 173, 129);
}

footer ul {
  list-style: none;
}

footer ul li * {
  font-family: "MotivaSans-Light";
}

footer ul li a:hover {
  color: #fff;
}

.copyright {
  padding-top: 40px;
  padding-bottom: 30px;
  background: #424242;
}

.copyright img {
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  height: 30px;
  margin-bottom: 20px;
}

.copyright img:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.copyright p {
  color: #ccc;
}

/* END FOOTER */

.signup span.required {
  line-height: inherit;
  color: red;
  vertical-align: -webkit-baseline-middle;
}