/* Website template by freewebsitetemplates.com */
@media only screen and (max-width : 918px) {
	
	/**HTML Tabelle - Responsive Table CSS**/

.RespTable, .RespTable thead, .RespTable tbody, .RespTable tr, .RespTable th, .RespTable td {
display: block;
}

.RespTable {
text-align: right;
}

.RespTable thead {
position: absolute;
top: -1111px;
left: -1111px;
}

.RespTable td:before {
float: left;
padding: 0 10px 0 0;
content: attr(data-label) ":";
font-weight: bold;
}

.RespTable td:nth-child(1) {
font-weight: bold;
}

.RespTable td:last-child {
border-bottom: 5px #1d4d33 solid;
}

.oddRow {
background: #fff;
}

.oddCol {
background: #f5f8fd;
}

/**HTML Tabelle - Responsive Table CSS**/

	
	html {
		-webkit-text-size-adjust: none;
	}
	
	img {
    border: none;
    width: 100%;
	height:auto;
}
	
	#header {
	background: url(../images/mobile/logo-marthoma-mobile.png) 50% 50% no-repeat;
					
}

	#mobile-navigation {
		background: url(../images/mobile/mobile-menu.png) no-repeat 0 0;
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		/*position: absolute;*/
		/*right: 0;*/
		/*top: 264px;*/
		width: 50px;
		z-index: 1001;
	}
	
	#headernew{background-color:#169fe6;height:50px;}
	
	#headernew ul#navigation {
		background: url(../images/mobile/bg-mobile.png);
		border: 1px solid #169fe6;
		display: none;
		font-size: 1.5625em;
		height: auto;
		left: 0;
		margin: 0 auto;
		position: absolute;
		padding: 0;
		/*top: 313px;*/
		top:auto;
		transition: all .5s ease-in-out;
		width: 100%;
		z-index: 1001;
	}
	#headernew ul#navigation li {
		background: none;
		display: block;
		float: none;
		height: auto;
		line-height: normal;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	#headernew ul#navigation li:first-child,
	#headernew ul#navigation li ul li:first-child {
		border: none;
		width: 100%;
	}
	#headernew ul#navigation li a {
		background: none;
		border-top: 1px solid #169fe6;
		color: #ffffff;
		display: block;
		font-family: Arial;
		font-size: 0.8125em;
		font-weight: normal;
		height: 49px;
		line-height: 49px;
		padding: 0 15px;
		text-align: left;
		width: auto;
	}
	#headernew ul#navigation li span {
		background: transparent url(../images/mobile/mobile-expand.png) no-repeat;
		border-left: 1px solid #169fe6;
		border-top: 1px solid #169fe6;
		display: block;
		height: 49px;
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
	}
	#headernew ul#navigation li.current span {
		background: url(../images/mobile/mobile-expand.png) no-repeat;
	}
	#headernew ul#navigation li.current ul li a {
		background: none;
		color: #ffffff;
	}
	#headernew ul#navigation li a:hover,
	#headernew ul#navigation li.current ul li a:hover,
	#headernew ul#navigation li.current a {
		background: #ffffff;
		color: #000000;
	}
	#headernew ul#navigation > li:first-child > a {
		border: none;
	}
	#headernew ul#navigation li ul {
		border: 0;
		display: none;
		left: 0;
		margin: 0;
		opacity: 1;
		padding: 0;
		position: relative;
		top: 0;
		width: 100%;
	}
	#headernew ul#navigation li ul,
	#headernew ul#navigation li:hover ul {
		display: none;
	}
	#headernew ul#navigation li ul li {
		background: none;
		height: auto;
		line-height: normal;
		padding: 0;
		text-align: left;
	}
	#headernew ul#navigation li ul li a {
		padding: 0 30px;
	}
	#header {
		position: relative;
		width: 90%;
	}
	#header h1 {
		padding: 74px 0 0;
	}
	#body {
		margin: 20px auto 0;
		padding: 45px 0 46px;
		width: 90%;
	}
	#body div#tagline {
		float: none;
		margin: 20px auto 0;
		width: 90%;
	}
	#body div#tagline h1 {
		background-size: 37% auto;
		line-height: 1em;
		padding: 0 0 50px;
	}
	#body div#tagline p {
		font-size: 5em;
		line-height: 1.25em;
		padding: 43px 10px;
	}
	#body img.figure {
		float: none;
		margin: 0 auto;
		width: 70%;
	}
	#body > h2 {
		padding: 0 20px 30px;
	}
	#body div.content {
		padding: 0 20px;
	}
	#body div.content div,
	#footer div {
		float: none;
		width: auto;
	}
	#body div.content img.figure {
		margin: 0 auto;
	}
	#body div.content div div.section {
		padding: 30px 0 0;
		width: auto;
	}
	#body div.content div ul li {
		margin: 0 5%;
		width: 40%;
	}
	#body div.content div ul li:first-child {
		margin: 0 5%;
	}
		#body ul.section li {
		margin: 0 5%;
		width: 40%;
	}
	#body ul.section li:first-child {
		margin: 0 5%;
	}
	#body form {
		margin: 0 auto;
		padding: 0 20px;
		width: auto;
	}
	#body form h3,
	#body ul.blog li:first-child {
		padding: 0;
	}
	#body form label input,
	#body form label textarea {
		border-radius: 0;
		padding: 0 3%;
		float:left;
		
	}
	#body form input#send {
		margin: 8px 2px 0 0;
		padding: 0;
		text-align: center;
		-webkit-appearance: none;
	}
	#body ul.blog {
	/*	padding: 0 20px;*/
	
	}
	#body ul.blog li {
		padding: 30px 0 0;
	}
	#body ul.blog li img {
		margin: 0 0 20px;
		width: 100%;
	}
	#body ul.blog li h3 {
		line-height: 1.35em;
	}
	#body div.article {
		width: auto;
	}
	#body div.content div.sidebar {
		float: none;
		margin: 0;
		width: auto;
	}
	#body div.content div.sidebar ul li:first-child {
		margin: 0;
	}
	
	#body div.tx-cal-controller  ul {}


#body div.tx-cal-controller  ul  li div.lec-date{
    padding: 0;
}

	#body div.birthday{
		height: 331px;
		width: 45%;
	}
	
	#body div.birthday p{
	font-size: 2vw;
	line-height:15px;
	}

	#footer ul li a{
	padding: 0 7px;
}

/* event-list-new */

.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto; margin-bottom:30px}

.event-data{margin: 0 -28px 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */



  .col-md-3 {
    flex: 0 0 60%;
    
  }
  
    .col-md-9 {
    flex: 0 0 40%;
    
  }

}


@media screen
and (max-width : 823px) {
	
	img {
    border: none;
    width: auto;
	height:auto;
}
	
	
	
	
	#body div.birthday {
	    width: 61%;
		height:300px;
	}
	
	#body div.birthday p {
    font-size: 1.5vw;
    line-height: 12px;
}

/* event-list-new */

.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto;margin-bottom:30px;}

.event-data{margin: 0 -28px 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */

  .col-md-3 {
    flex: 0 0 60%;
    
  }
  
    .col-md-9 {
    flex: 0 0 40%;
    
  }

}




@media screen
and (max-width : 736px) {
	
	img {
    border: none;
    width: 100%;
	height:auto;
}
	
	
	#body div.birthday {
    
    width: 61%;
}
	#body div.birthday p {
    font-size: 1.5vw;
    line-height: 11px;
}

/* event-list-new */

.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto;margin-bottom:30px;}

.event-data{margin: 0 -28px 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */

/* event-detail-new */
.left-event {width:100%}

.description-event {
	padding-bottom: 40px;
}

.description-event {
	padding-bottom: 40px;
}

.description-event h2{
	    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	}

.right-event {width:100%;padding:0}

svg.svg-inline--fa.fa-calendar-day.fa-w-14 {
	display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;

}

svg.svg-inline--fa.fa-location-arrow.fa-w-16 {
    display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;}
	
/* event-detail-new */


  .col-md-3 {
    flex: 0 0 60%;
    
  }
  
    .col-md-9 {
    flex: 0 0 40%;
    
  }
}


@media screen
and (max-width : 731px) {
	
	img {
    border: none;
    width: 100%;
	height:auto;
}
	#body div.birthday {
        width: 67%;
	}

	#body div.birthday p {
    font-size: 1.5vw;
    line-height: 12px;
}

/* event-list-new */

.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto;margin-bottom:30px;}

.event-data{margin: 0 -28px 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */

/* event-detail-new */
.left-event {width:100%}

.description-event {
	padding-bottom: 40px;
}

.description-event {
	padding-bottom: 40px;
}

.description-event h2{
	    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	}

.right-event {width:100%;padding:0}

svg.svg-inline--fa.fa-calendar-day.fa-w-14 {
	display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;

}

svg.svg-inline--fa.fa-location-arrow.fa-w-16 {
    display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;}
	
/* event-detail-new */

.rowttaddress {
    display: block;
}

.col-md-3, .col-md-9 {
	width:100%
}

}



@media screen
and (max-width : 640px) {
	
	img {
    border: none;
    width: 100%;
	height:auto;
}
	
	#body div.birthday{
	height: 302px;
    width: 68%;
	}
	
	#body div.birthday p {
    font-size: 2vw;
    line-height: 11px;
}

/* event-list-new */

.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto;margin-bottom:30px;}

.event-data{margin: 0 -28px 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */

/* event-detail-new */
.left-event {width:100%}

.description-event {
	padding-bottom: 40px;
}

.description-event h2{
	    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	}

.description-event {
	padding-bottom: 40px;
}

.right-event {width:100%;padding:0}

svg.svg-inline--fa.fa-calendar-day.fa-w-14 {
	display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;

}

svg.svg-inline--fa.fa-location-arrow.fa-w-16 {
    display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;}
	
/* event-detail-new */


/**HTML Tabelle - Responsive Table CSS**/

.RespTable, .RespTable thead, .RespTable tbody, .RespTable tr, .RespTable th, .RespTable td {
display: block;
}

.RespTable {
text-align: right;
}

.RespTable thead {
position: absolute;
top: -1111px;
left: -1111px;
}

.RespTable td:before {
float: left;
padding: 0 10px 0 0;
content: attr(data-label) ":";
font-weight: bold;
}

.RespTable td:nth-child(1) {
font-weight: bold;
}

.RespTable td:last-child {
border-bottom: 5px #1d4d33 solid;
}

.oddRow {
background: #fff;
}

.oddCol {
background: #f5f8fd;
}

/**HTML Tabelle - Responsive Table CSS**/

.rowttaddress {
    display: block;
}

.col-md-3, .col-md-9 {
	width:100%
}


}



@media screen
and (max-width : 568px) {
	
	img {
    border: none;
    width: 100%;
	height:auto;
}
	
		#body div.article img {
	display: block;
	margin: 0 0 9px;
	max-width: 100%;
	width: auto;
	height:100%;
}
	
	#body div.birthday{
	padding-top:12%;
	height: 289px;	
	}
	
	/* event-list-new */
	
.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto;margin-bottom:30px;}

.event-data{margin: 0 0 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */

/* event-detail-new */
.left-event {width:100%}

.description-event {
	padding-bottom: 40px;
}

.description-event h2{
	    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	}

.description-event {
	padding-bottom: 40px;
}

.right-event {width:100%;padding:0}

svg.svg-inline--fa.fa-calendar-day.fa-w-14 {
	display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;

}

svg.svg-inline--fa.fa-location-arrow.fa-w-16 {
    display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;}
	
/* event-detail-new */

.rowttaddress {
    display: block;
}

.col-md-3, .col-md-9 {
	width:100%
}


}


@media screen
and (max-width : 411px) {
	
	img {
    border: none;
    width: 100%;
	height:auto;
}
	
		#body div.article img {
	display: block;
	margin: 0 0 9px;
	max-width: 100%;
	width: auto;
	height:100%;
}
	
	#body div.birthday{
	width: 90%;
	}
	
	/* event-list-new */
	
.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}	

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto;margin-bottom:30px;}

.event-data{margin: 0 -28px 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */

/* event-detail-new */
.left-event {width:100%}

.description-event {
	padding-bottom: 40px;
}

.description-event h2{
	    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	}

.description-event {
	padding-bottom: 40px;
}

.right-event {width:100%;padding:0}

svg.svg-inline--fa.fa-calendar-day.fa-w-14 {
	display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;

}

svg.svg-inline--fa.fa-location-arrow.fa-w-16 {
    display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;}
	
/* event-detail-new */

.rowttaddress {
    display: block;
}

.col-md-3, .col-md-9 {
	width:100%
}

}
	



@media screen
and (max-width : 414px) {
	
	img {
    border: none;
    width: 100%;
	height:auto;
}
		#body div.article img {
	display: block;
	margin: 0 0 9px;
	max-width: 100%;
	width: auto;
	height:100%;
}
	
	#body div.birthday{
	width: 90%;
	}
	
	/* event-list-new */
	
.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto;margin-bottom:30px;}

.event-data{margin: 0 0 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */

/* event-detail-new */
.left-event {width:100%}

.description-event {
	padding-bottom: 40px;
}

.description-event h2{
	    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	}

.description-event {
	padding-bottom: 40px;
}

.right-event {width:100%;padding:0}

svg.svg-inline--fa.fa-calendar-day.fa-w-14 {
	display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;

}

svg.svg-inline--fa.fa-location-arrow.fa-w-16 {
    display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;}

/* event-detail-new */
.rowttaddress {
    display: block;
}

.col-md-3, .col-md-9 {
	width:100%
}

}
	


@media screen
and (max-width : 375px) {
	
	img {
    border: none;
    width: 100%;
	height:auto;
}
	
		#body div.article img {
	display: block;
	margin: 0 0 9px;
	max-width: 100%;
	width: auto;
	height:100%;
}
	
		#body div.birthday{
		height: 251px;
		width: 94%;
		}
		
		#body div.birthday p{
		line-height:10px;
		}
		
		/* event-list-new */
		
.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto;margin-bottom:30px;}

.event-data{margin: 0 0 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */

/* event-detail-new */
.left-event {width:100%}

.description-event {
	padding-bottom: 40px;
}

.description-event h2{
	    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	}

.right-event {width:100%;padding:0}

svg.svg-inline--fa.fa-calendar-day.fa-w-14 {
	display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;

}

svg.svg-inline--fa.fa-location-arrow.fa-w-16 {
    display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;}
	
/* event-detail-new */

.rowttaddress {
    display: block;
}

.col-md-3, .col-md-9 {
	width:100%
}

}


@media screen
and (max-width : 320px) {
	
	img {
    border: none;
    width: 100%;
	height:auto;
}
	
	#body div.article img {
	display: block;
	margin: 0 0 9px;
	max-width: 100%;
	width: auto;
	height:100%;
}

	#header h1 {
		font-size: 2.8125em;
	}
	#header h1 a span {
		font-size: 0.5em;
		line-height: 1.25em;
	}
	#body div#tagline h1 {
		font-size: 4.375em;
	}
	#body div#tagline p {
		font-size: 3.125em;
	}
	#footer div p {
		font-size: 1em;
	}
	
	#body div.birthday{
	height: 203px;
    width: 70%;
		}
	#body div.birthday p{
		font-size: 2vw;
		line-height:6px;
	}
	
	/* event-list-new */
	
.event-container{width: auto;margin: 0;padding: 0;}

.row{max-width: none;}	

.event-list {margin-bottom: 2rem;position: relative;border-bottom: 0px;padding: 0px;clear:both;}

.col-1{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;background-color: #e4e4e4;position: relative;height: auto;}

.col-2{margin: 0;padding: 18px;clear: both;float: none;position: relative;width:100%;min-height: 1px;}

.col-3{margin: 0;padding: 18px;clear: both;float: none;width:auto;position: relative;min-height: 1px;}

.col-4{padding-left: 0px;padding-right: 0px;margin-left: 16px;clear: both;float: none;width:100%;position: relative;height: auto;margin-bottom:30px;}

.event-data{margin: 0 0 0 0;text-align: center;height: auto;}

.date-location{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

.date{text-transform: uppercase;font-size: 23px;letter-spacing: 1px;font-weight: 300;display:block;}

.location{line-height: 1.5;letter-spacing: 0;border: none;font-style: normal;display:block;}

.register{margin: 2px -28px 0 0;text-align: center;}

.event-title{margin-bottom: 9px;display: block;text-transform: uppercase;font-size: 23px;}

.col-3 .event-title a{color:#169fe6;text-decoration:none;}

.event-description{float: none; width: 100%;margin: 0;padding: 0;}

/* event-list-new */

/* event-detail-new */
.left-event {width:100%}

.description-event {
	padding-bottom: 40px;
}

.description-event h2{
	    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
	}

.right-event {width:100%;padding:0}

svg.svg-inline--fa.fa-calendar-day.fa-w-14 {
	display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;

}

svg.svg-inline--fa.fa-location-arrow.fa-w-16 {
    display: block;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: #f8c51e;
    color: #fff;
    line-height: 1;
    margin-right: 5px;
    float: left;
    text-align: center;}
	
/* event-detail-new */

.rowttaddress {
    display: block;
}

.col-md-3, .col-md-9 {
	width:100%
}

  

}