<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ============================================================
  SECTIONS
============================================================ */
.module:last-child {
  margin-bottom: 0;
}
/*.module h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}
.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}*/
.module p:last-child {
  margin-bottom: 0;
}
.module.content {
  padding: 40px 0;
}
.module.parallax {
  padding:80px 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%; padding:0px 0 50px 0; 
}
.module.parallax h1 {
    text-align:center;
	color:#fff;
	font-size: 26px;
    font-weight: bold;
    padding: 40px 0 30px 0;
}
.module.parallax-1 {
  background-image: url("../images/cd-background-1.jpg");
}
.module .container {max-width:1240px;  margin:auto; text-align:left; margin-top:20px;}
.module .container ul{text-align:center;}
.module .container ul li{display:inline-block; background:#fbfafa; width:44%; margin:1%; padding:1%;}
.module .container ul li p{border-radius:5px; width:25%; background:#628383; text-align:center; padding:20px 0; float:left; display:block;  transition: all .5s;}
.module .container ul li:hover p{background:#37547a;}
.module .container ul li p b{color:#fff;}
.module .container ul li p span{color:#c3d8d8;}
.module .container ul li .event{display:block;width:65%; padding:20px 1% 10px 1%; margin:0 10px; text-align:left; line-height:26px; float:left;}
.module .container ul li .event .fa {padding:8px 2px 8px 0px;}
.module .container ul li .event header{font-weight:bold; height:26px; overflow:hidden;}

.module .container ul li a{color:#444; display: block;;}
.module .container ul li a,
.module .container ul li a:after,
.module .container ul li a:before {
  transition: all .5s;
}
.module .container ul li a:hover {
  color: #fff;
}


/* SHIFT */
.module .container ul li a {
  position:relative;
  z-index: 1;
   
}
.module .container ul li a:hover {

  color: #000;
}
.module .container ul li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  background: #ddd;
  visibility: none;
  opacity: 0;
  z-index: -1;
}
.module .container ul li a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}


@media (max-width: 765px)
{
   .module .container .info{ margin-left:10px; font-size:18px;margin-top:20px;}
   
   
   .module .container ul li{display:inline-block; background:#fbfafa; width:44%; margin:1%; padding:1%;}
.module .container ul li p{border-radius:5px; width:100%; background:#628383; text-align:center; padding:20px 0; float:left; display:block;  transition: all .5s;}
.module .container ul li:hover p{background:#37547a;}
.module .container ul li p b{color:#fff;}
.module .container ul li p span{color:#c3d8d8;}
.module .container ul li .event{display:block;width:100%; padding:20px 0 10px 0; margin:0 2px; text-align:left; line-height:26px; float:left; height:100px;}

.module .container ul li .event header{font-weight:bold; height:52px; overflow:hidden;}
}
@media all and (min-width: 600px) {
  
  .module h2 {
    font-size: 42px;
  }
  .module p {
    font-size: 20px;
  }
  /*.module.parallax h1 {
    font-size: 96px;
  }*/
}
@media all and (min-width: 960px) {
  /*.module.parallax h1 {
    font-size: 160px;
  }*/
}
</pre></body></html>