@media screen, projection, print {

	html,body {
	    margin:0;
	    height:100%; 
	}

	body {
		background: #000000;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		color: #ffffff;
	}

	* {
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}

	/* Tags*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0px;
		font-weight: normal;
	}

	.rt {
		display: table;
		position:relative;
		width: 100%;
		table-layout: fixed;
	}

	.rt > .col {
		position:relative;
		display:table-cell;
		width: auto;
		vertical-align:top;
	}

	.center {
		position: relative;
		margin: 0 auto;	
	}

	/* */

	a {
		color: #ffffff;
		text-decoration: none;
	}

	.center.main {
		padding-left: 15px;
		padding-right: 15px;
		max-width: 1176px;
	}

	a.ticket {
		background-size: contain;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
	}

	.action {
		text-align: center;
	}

	.action {
		margin-top: 50px;
	}

	.action a {
		display: inline-block;
		width: 161px;
		height: 45px;
		background-image: url(m/action.png);
		line-height: 45px;
		font-size: 15px;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		color: #cccccc;
	}

	/* */

	#app {
	    position: relative;
	    overflow: hidden;
	    width: 100%;
	    max-width: 1400px;
	    height: auto;
	    min-height: 100%;
	    margin: 0 auto;
	    background: #333333;
	    background-image: url(m/bg.png);
	}


	/* Header */

	#header {
		position: relative;
		z-index: 100;
		height: 110px;
		background: #F07D19;
		background-image: url(m/bg.png);
		background-position: -150px 0px;
	}

	#header #logo {
		position: absolute;
		z-index: 100;
		left: 50%;
		top: 17px;
		margin-left: -145px;
		width: 289px;
		height: 77px;
		background-image: url(m/logo.png);
		background-size: contain;
	}

	#header a.button {
		position: absolute;
		z-index: 300;
		right: 17px;
		top: 18px; 
		z-index: 101;
		display: inline-block;
		width: 80px;
		height: 75px;
	}

	#header a.button span {
		position: absolute;
		display: block;
		left: 20px;
		top: 20px;
		width: 40px;
		height: 7px;
		background: #000000;
	}

	#header a.button span + span {
		top: 34px;
	}

	#header a.button span + span + span {
		top: 48px;
	}

	#header ul.social {
		position: absolute;
		left: 15px;
		top: 9px;
		list-style: none;
		padding: 0px;
		
	}

	#header  ul.social li {
		float: left;
	}

	#header ul.social li a {
		display: block;
		width: 60px;
		height: 60px;
		background-image: url(m/header/social.png);
	}

	#header ul.social li a.instagram {
		background-position: -60px 0px;
	}

	#header ul.social li a.twitter {
		background-position: -120px 0px;
	}

	#menu {
		position: fixed;
		display: none;
		z-index: 100;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	#menu > .background {
		position:absolute;
		z-index: -1;
		width: 100%;
		height: 100%;
		background: #000000;
		-moz-opacity: 85;
		filter: alpha(opacity 0.85);
		opacity: 0.85;
	}
	
	#menu .text {
		position:absolute;
		z-index: 2;
		height: 100%;
	}

	#menu .text .col {
		text-align: center;
		vertical-align: middle;
	}

	#menu .text ul {
		display: inline-block;
		width: 100%;
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	#menu .text ul li {
		float: left;
		width: 100%;
	}

	#menu .text ul li a {
		font-size: 70px;
		line-height: 84px;
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		text-decoration: none;
		color: #FFFFFF; 
	}

	#menu .text a:hover {
		color: #666666;
	}

	#menu .text .meta {
		margin-top: 20px;
		font-size: 14px;
		font-weight: 700;
	}

	#menu .text .meta a {
		color: #cccccc;
	}

	#menu .text .meta a:hover {
		color: #666666;
	} 

	#menu .text .meta .separator {
		display: inline-block;
		padding-left: 12px;
		padding-right: 12px;
	}

	/* content */

	#content {
		padding-bottom: 60px;
	}

	#content .center.main {
		padding-left: 15px;
		padding-right: 15px;
		max-width: 1176px;
	}

	#content .title {
		margin-top: -100px;
		min-height: 200px;
	} 

	#content .slider.default + .title {
		position: relative;
		z-index: 50;
	}

	#content .title > .rt {
		height: 200px;
	}

	#content .title > .rt > .col {
		vertical-align: middle;
		text-align: center;
	}

	#content .title > .rt > .col .bg {
		display: inline-block;
		position: relative;
		padding: 20px 15px 5px 15px;
		text-transform: uppercase;
		background-size: 100% 100%;
	}

	#content .title > .rt > .col .bg  h1 {
		font-family: 'Alfa Slab One', cursive;
	}

	#content .title > .rt > .col .bg  h1 .main {
		display: block;
		line-height: 67px;
		font-size: 60px;
	}

	#content .title > .rt > .col .bg  h1 .sub {
		display: block;
		line-height: 50px;
		font-size: 45px;
	}

	#content .title > .rt > .col .bg  h2 {
		font-family: 'Abril Fatface', cursive;
		line-height: 67px;
		font-size: 60px;
		color: #000000;
	}

	#content .cols2 .col1 {

	}

	#content .cols2 .col1 h2 {
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
		font-size: 22px;
		text-transform: uppercase;
	}

	#content .cols2 .col1 p + h2 {
		margin-top: 70px;
	}

	#content .cols2 .col1 p,
	#content .cols2 .col2 p {
		color: #cccccc;
	}

	#content .cols2 .col1 p a,
	#content .cols2 .col2 p a {
		color: #cccccc;
	}

	#content .cols2 .col1 p a:hover,
	#content .cols2 .col2 p a:hover {
		text-decoration: underline;
	}

	#content .cols2 .col1 .special_button a,
	#content .cols2 .col2 .special_button a {
		display: inline-block;
		padding-left: 15px;
		padding-right: 15px;
		height: 40px;
		background: #000000;
		border: 3px solid #666666;
		line-height: 34px;
		font-size: 24px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		color: #666666;
	}

	#content .cols2 .col1 .special_button a:hover,
	#content .cols2 .col2 .special_button a:hover {
		text-decoration: none;
		background: #666666;
		color: #000000;
	}


	#content .cols2 .col1 h2 + .bg {
		margin-top: 15px;
	}

	#content .cols2 .col1 .bg {
		background: #000000;
		text-align: center;
	}

	#content .cols2 .col1 .bg img {
		width: 100%;
		height: auto;
	}

	#content .cols2 .col1 .bg p + h2 {
		margin-top: 10px;
	}

	#content .cols2 .col1 .bg h2 + p {
		padding: 0px 30px 30px 30px;
	}

	#content .cols2 > .col2 {
		padding-left: 30px;
		width: 392px;
	}

	#content .cols2 .col2 .bg {
		padding: 30px;
		background: #000000;
	}

	#content .cols2 .col2 h4 {
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
		font-size: 22px;
		text-transform: uppercase;
		text-align: center;
	}

	#content .header.default img {
		width: 100%;
	}

	#content .header.map {
		position: relative;
		padding-bottom: 32.14285714285714%;
	}

	#content .header.map iframe {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	/* home */

	.slider {
		position: relative;
		padding-bottom: 32.14285714285714%;
		width: 100%;
	}

	.slider ul.slides {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	.slider ul.slides {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.slider ul.slides li {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.slider ul.slides li .img {
		position: absolute;
		overflow: hidden;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.slider ul.slides li .img img {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: auto;
	}

	.slider ul.slides li .img > a {
		position: absolute;
		z-index: 1;
		display: block;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.slider ul.slides li .title {
		position: absolute;
		left: 0px;
		top: 100%;	
	}

	.slider ul.slides li .title h1,
	.slider ul.slides li .title h2 {
		display: inline-block;
	}

	#content .slider ul.slides li .title > .rt > .col .bg  h1 .main,
	#content .slider ul.slides li .title > .rt > .col .bg  h2 {
		font-size: 40px;
	}

	.slider ul.slides li .title h2 {
		padding-left: 10px;
	}

	.slider ul.slides li .title a {
		position: absolute;
		z-index: 1;
		display: block;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.slider ul.slides li + li {
		left: 100%;
	}

	.slider .navigation {
		position: absolute;
		display: none;
		z-index: 50;
		right: 40px;
		top: 0px;
		height: 100%;
		width: 24px;
	}

	.slider .navigation.show {
		display: block;
	}


	.slider .navigation .rt {
		height: 100%;
	}

	.slider .navigation .rt > .col {
		vertical-align: middle;
	}

	.slider .navigation ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	.slider .navigation ul a {
		display: block;
		position: relative;
		width: 24px;
		height: 24px;
	}

	.slider .navigation ul a span {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 10px;
		height: 10px;
		margin-left: -5px;
		margin-top: -5px;
		background: #808080;
		border-radius: 5px;
	}

	.slider .navigation ul li.selected a span {
		background: #ffffff;
	}




	div.news {
		margin-top: 82px;
	}

	.news > .center:after {
		content: '';
	    display: block;
	    clear: both;
	}

	.news ul {
		float: left;
		width: 100%;
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	.news.col2,
	.news.col3 {
		margin-left: -30px;
	} 

	.news.col2 ul,
	.news.col3 ul {
		padding-left: 30px;
	}

	.news.col2 ul {
		width: 50%;
	}

	.news.col3 ul {
		width: 33.3333333333%;
	}

	.news ul li {
		position: relative;
	}

	.news ul li + li {
		margin-top: 30px;
	}

	.news ul li.event > a {
		position: absolute;
		z-index: 30;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	.news ul li.event .img {
		position: relative;
		overflow: hidden;
		padding-bottom: 62.98342541436464%;
	}

	.news ul li.event .img.width .mask {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
	}

	.news ul li.event .img.width img {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
	}

	.news ul li.event .img.height .mask {
		position: absolute;
		left: -100%;
		top: 0px;
		width: 300%;
		height: 100%;
		text-align: center;
	}

	.news ul li.event .img.height img {
		display: inline-block;
		height: 100%;
		width: auto;
	} 

	.news ul li.event .img a.ticket {
		position: absolute;
		z-index: 40;
		right: 10px;
		top: 10px;
		width: 75px;
		height: 22px;
	}

	.news ul li.event .img h3 {
		position: absolute;
		z-index: 20;
		left: 0px;
		bottom: 0px;
		width: 100%;
		padding: 10px 15px 3px 15px;

		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 70%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 70%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 70%);
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		color: #ffffff;
	}

	.news ul li.event .img h3 .main {
		display: block;
		font-size: 22px;
		line-height: 31px;
	}

	.news ul li.event .img h3 .sub {
		display: block;
		margin-bottom: 2px;
		line-height: 23px;
		font-size: 15px;
	}

	.news ul li.event .img .hover {
		position: absolute;
		display: none;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		-moz-opacity: 0.6;
		filter: alpha(opacity 60);
		opacity: 0.6;
		background: #F07D19;
	}

	.news ul li.event .date {
		height: 63px;
		line-height: 63px;
		font-size: 30px;
		font-family: 'Oswald', sans-serif;
		background: #000000;
		text-align: center;
		text-transform: uppercase;
	}

	.news ul li.event:hover .date {
		color: #666666;
	}

	.news ul li.event:hover .img .hover {
		display: block;
	} 

	.news ul li.event:hover .img h3 {
		background: none;
	}

	.news ul li.news {
		background: #000000;
	}

	.news ul li.news .date {
		padding: 13px 20px 13px 20px;
	}

	.news ul li.news .date h3 {
		font-family: 'Oswald', sans-serif;
		
		line-height: 33px;
		text-transform: uppercase;
		font-size: 22px;
	}

	.news ul li.news .date h3 .main {
		display: block;
		font-weight: 400;
	}

	.news ul li.news .date h3 .sub {
		display: block;
		font-weight: 700;
		color: #000000;
	}

	.news ul li.news .text {
		padding: 13px 20px 17px 20px;
		color: #cccccc;
	}

	.news ul li.news .text p {
		margin: 0px;
	}

	/* Programm */

	.events_search {
		margin-top: 50px;
		text-align: center;
	}

	.events_search form {
		display: inline-block;
		position: relative;
		width: auto;
		width: 100%;
		max-width: 304px;
		padding-right: 49px;
		padding-left: 5px;
	}

	.events_search input {
		display: block;
		height: 40px;
		max-width: 250px;
		width: 100%;
		padding-left: 10px;
		background: #ffffff;
		border: none;
		-webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
		color: #666666;
		    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 40px;
    font-style: normal;
    font-weight: normal;
	}

	.events_search a {
		position: absolute;
		right: 5px;
		top: 2px;
		width: 36px;
		height: 40px;
		background-image: url(m/search.png);
		background-repeat: no-repeat;
	}

	.page-id-85 .events_search {
		margin-top: 100px;
	}


	ul.events {
		list-style: none;
		padding: 0px;
		margin: 50px 0px 0px 0px;
	}

	ul.events li {
		position: relative;
		overflow: hidden;
		background: #000000;
	}

	ul.events li + li {
		margin-top: 30px;
	}

	ul.events li > a {
		position: absolute;
		z-index: 1;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	ul.events li > .rt {
		height: 100%;
	}

	ul.events li .col.img {
		width: 31.58813263525305%;
	}

	ul.events li .col.img > .img {
		position: relative;
		overflow: hidden;
		width: 100%;
		padding-bottom: 67.12707182320442%;
		left: 0px;
		top: 0px;
	}

	ul.events li .col.img > .img.width .mask {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
	}

	ul.events li .col.img > .img.width img {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
	}

	ul.events li .col.img > .img.height .mask {
		position: absolute;
		left: -100%;
		top: 0px;
		width: 300%;
		height: 100%;
		text-align: center;
	}

	ul.events li .col.img > .img.height img {
		display: inline-block;
		height: 100%;
		width: auto;
	} 

	ul.events li .col.img .hover {
		position: absolute;
		display: none;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		-moz-opacity: 0.6;
		filter: alpha(opacity 60);
		opacity: 0.6;
		background: #F07D19;
	}

	ul.events li .col.text {
		padding: 24px 29px 80px 29px;
	}

	ul.events li h3 {
		line-height: 47px;
		font-size: 40px;
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		color: #F07D19;
	}

	ul.events li h2 {
		margin-top: 7px;
		font-family: 'Oswald', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
	}

	ul.events li h2 .main {
		display: block;
		line-height: 42px;
		font-size: 30px;
	}

	ul.events li h2 .sub {
		display: block;
		line-height: 36px;
		font-size: 24px;
	}

	ul.events li a.ticket {
		position: absolute;
		z-index: 2;
		right: 30px;
		top: 30px;
		width: 125px;
		height: 37px;
		line-height: 37px;
	}

	ul.events li a.more {
		position: absolute;
		z-index: 2;
		bottom: 30px;
		left: 50%;
		margin-left: -103px;
		width: 206px;
		height: 40px;
		border: 3px solid #666666;
		line-height: 34px;
		font-size: 24px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		color: #666666;
	}

	ul.events li a.more:hover {
		background: #666666;
		color: #ffffff;
	}

	ul.events li:hover .col.img .hover {
		display: block;
	}

	/* Event */

	.event-detail > .img {
		position: relative;
		overflow: hidden;
		padding-bottom: 46.14285714285714%;
	}

	.event-detail > .img img {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: auto;
	}

	.event-detail .title {
		margin-bottom: 40px;
	}

	.event-detail .col.detail {
		text-align: center;
	}

	.event-detail .col.detail .bg {
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		line-height: 32px;
		font-size: 22px;
	}

	.event-detail .col.detail .bg h4 {
		font-weight: 700;
	}

	.event-detail .col.detail .bg h4 .main {
		display: block;
	}

	.event-detail .col.detail .bg h4 .sub {
		display: block;
		font-size: 15px;
	}

	.event-detail .col.detail .bg .separator {
		display: block;
		margin: 14px 0px 14px 0px;
		width: 100%;
		height: 3px;
		background: #666666;
	}
	
	.event-detail .col.detail .bg .col1 {
		width: 80px;
		text-align: right;
		color: #666666;
	}

	.event-detail .col.detail .bg .col2 {
		padding-left: 19px;
		text-align: left;
	}

	.event-detail .col.detail .bg .col2 sup {
		vertical-align: super;
	    line-height: 0;
	    font-size: 55%;
	}

	.event-detail .col.detail .bg .ticket {
		display: inline-block;
		margin-top: 16px;
		width: 226px;
		height: 67px;
		line-height: 67px;
		font-size: 42px;
	}

	.event-detail .col.detail .functions {
		margin-top: 30px;
	}

	.event-detail .col.detail .functions a {
		display: block;
		border: 2px solid #000000;
		background: #333333;
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		line-height: 64px;
		font-size: 18px;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		color: #666666;
	}

	.event-detail .col.detail .functions a:hover {
		background: #666666;
		color: #ffffff;
	}

	.event-detail .col.detail .functions a + a {
		margin-top: 30px;
	}

	/* Page */

	#content .richtext p {
		text-align: justify;

	}


	/* Kontakt */

	.page-id-1067 #content .col2 {
		width: 51.30890052356021%;
	}

	.page-id-1067 #content .col2 .bg {
		padding: 0px;
		background: none;
	}

	input.wpcf7-text, textarea.wpcf7-textarea {
		width: 100%;
		background-color: #666666;
		border-color: #666666;
		border-width: 1px;
		border-style: solid;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		color: #3e3e3e;
		letter-spacing: 0px;
		text-transform: none;
		padding-top: 12px;
		padding-right: 32px;
		padding-bottom: 11px;
		padding-left: 12px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: 'Open Sans', sans-serif;
	    font-size: 18px;
	    line-height: 20px;
	    font-style: normal;
	  	font-weight: normal;
	    color: #ffffff;
	}

	textarea.wpcf7-textarea {
		resize: none;
	}	

	::-webkit-input-placeholder {
	    color: #ffffff;
	}

	:-moz-placeholder { /* Firefox 18- */
	    color: #ffffff;  
	}

	::-moz-placeholder {  /* Firefox 19+ */
	    color: #ffffff;
	}

	:-ms-input-placeholder {  
	   color: #ffffff;  
	}

	.page-id-1067 div.wpcf7 {
		margin-top: 16px;
	}

	.wpcf7 p:not(.label) {
		margin-top: 0px;
		margin-bottom: 28px;
	}

	.wpcf7 p.label {
		text-align: right;
		color: #D0D0D0;
		 font-size: 16px;
	    line-height: 16px;
	    height: 16px;
	    margin-top: -20px;
	    margin-bottom: 8px;
	}

	input.wpcf7-submit {
		color: #666666;
		font-size: 23px;
		line-height: 33px;
		height: 40px;
		width: 206px;
		text-align: center;
		font-style: normal;
		font-family: 'Open Sans', sans-serif;
		text-transform: uppercase;
		font-weight: 700;
		background-color: #000;
		border: 3px solid #666666;
		letter-spacing: 0px;
		text-transform: uppercase;
		
	}

	/* Footer */

	#footer {
		position: absolute;
		left: 0px;
		bottom: 0px;
		padding-top: 170px;
		width: 100%;
		background: #000000;
	}

	#footer > .top {
		position: absolute;
		display: block;
		left: 0px;
		top: -30px;
		width: 100%;
		height: 30px;
		background-image: url(m/footer/top.png);
	}

	#footer .birthday {
		position: absolute;
		display: block;
		top: 33px;
		left: 50%;
		margin-left: -80px;
width: 160px;
		height: 120px;
	}

	#footer .birthday span {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(https://markthalle-hamburg.de/wp-content/uploads/2018/04/LEA18-Siegel-Gewinner-Club-1890x1300.png);
	}

	#footer .center.main > div {
		border-top: 3px solid #666666;
		padding-top: 15px;
		padding-bottom: 30px;
	}

	#footer .center.main p {
		font-size: 12px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: 700;
		color: #666666;
	}

	#footer .center.main p a {
		color: #666666;
	}

	#footer .center.main p a:hover {
		color: #ffffff;
	}

	#footer .center.main p.left {
		float: left;
	}

	#footer .center.main p.right {
		float: right;
		text-align: right;
	}

	#footer .center.main > div:after {
		content: '';
	    display: block;
	    clear: both;
	}

	#footer .center.main ul.social {
		position: absolute;
		left: 50%;
		top: 7px;
		margin-left: -90px;
		list-style: none;
		padding: 0px;
		
	}

	#footer .center.main ul.social li {
		float: left;
	}

	#footer .center.main ul.social li a {
		display: block;
		width: 60px;
		height: 60px;
		background-image: url(m/footer/social.png);
	}

	#footer .center.main ul.social li a.instagram {
		background-position: -60px 0px;
	}

	#footer .center.main ul.social li a.twitter {
		background-position: -120px 0px;
	}
}


@media screen and (max-width: 1199px) {

	#content .title > .rt > .col .bg  h1 .main {
		line-height: 54px;
    	font-size: 48px;
	}

	#content .title > .rt > .col .bg  h1 .sub {
		line-height: 45px;
    	font-size: 36px;
	}

	#content .title > .rt > .col .bg  h2 {
		line-height: 54px;
    	font-size: 48px;
	}

	#content .slider ul.slides li .title > .rt > .col .bg  h1 .main,
	#content .slider ul.slides li .title > .rt > .col .bg  h2 {
		font-size: 28px;
		line-height: 42px;
	}

}

@media screen and ( max-width: 768px ){

	#header {
		height: 66px;
	}

	#header #logo {
		top: 10px;
		margin-left: -86px;
		width: 173px;
		height: 46px;
	}

	#header a.button {
		right: -3px;
		top: -5px;
	}

	#header ul.social {
		top: -11px;
		left: 0px;
	}


	#content .title > .rt > .col .bg  h1 .main {
		line-height: 43px;
    	font-size: 38px;
	}

	#content .title > .rt > .col .bg  h1 .sub {
		line-height: 36px;
    	font-size: 29px;
	}

	#content .title > .rt > .col .bg  h2 {
		line-height: 43px;
    	font-size: 38px;
	}

	#content .slider ul.slides li .title > .rt > .col .bg  h1 .main,
	#content .slider ul.slides li .title > .rt > .col .bg  h2 {
		font-size: 22px;
		line-height: 26px;
	}

	.slider .navigation.show {
		display: none;
	}

	#content .cols2 > .col {
		display: block;
	}

	#content .cols2 > .col2 {
		padding-left: 0px;
		padding-top: 50px;
		width: 100%;
	}

	#footer .center.main > div {
		padding-top: 65px;
	}

	ul.events li a.more {
		left: 29px;
		margin-left: 0px;
	}

	ul.events li a.ticket {
		top: inherit;
		bottom: 30px;
	}

	ul.events li .col.text {
    	padding: 15px 15px 80px 15px;
	}

	ul.events li a.more {
		left: 15px;
	}

	ul.events li a.ticket {
		right: 15px;
	}

	.event-detail .col.text h2 {
		display: none;
	}
}

@media screen and (max-width: 580px) {

	#header ul.social {
		display: none;
	}

	#content .richtext p {
		text-align: left;
	}

	ul.events li .col.img,
	ul.events li .col.text {
		display: block;
		width: 100%;
	}

	

}

@media screen and (max-width: 480px) {

	#header #logo {
		left: 10px;
		margin-left: 0px;
	}

	#menu .text ul li a {
		font-size: 42px;
    	line-height: 50px;
	}

	#content .title > .rt > .col .bg  h1 .main {
		line-height: 26px;
    	font-size: 22px;
	}

	#content .title > .rt > .col .bg  h1 .sub {
		line-height: 22px;
    	font-size: 17px;
	}

	#content .title > .rt > .col .bg  h2 {
		line-height: 26px;
    	font-size: 22px;
	}

	#content .slider ul.slides li .title  {
		min-height: auto;
		margin-top: -10px;
	}

	#content .slider ul.slides li .title > .rt {
		height: auto;
	}

	#content .slider {
		margin-bottom: 100px;
	}

	#content .slider.default {
		margin-bottom: 0px;
	}

	ul.events li .col.text {
		padding-bottom: 130px;
	}

	ul.events li .col.text h3,
	ul.events li .col.text h2 {
		text-align: center;
	}

	ul.events li a.more {
		left: 50%;
		    margin-left: -103px;
	}

	ul.events li a.ticket {
		bottom: 85px;
		left: 50%;
		right: inherit;
		margin-left: -62px;
	}

	.event-detail .col.detail .bg .col1,
	.event-detail .col.detail .bg .col2 {
		display: block;
		width: 100%;
		padding: 0px;
		text-align: center;
	}

}