* { margin: 0; padding: 0; outline: none; 

box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;

}


body { background: #e6e4e3; font-family: garamond-premier-pro-display-1,garamond-premier-pro-display-2,serif; font-size: 62.5%; }
h1,h2,h3,h4,h5,h6 { font-family: league-gothic-1,league-gothic-2,sans-serif; clear: both; font-weight: normal;}
h1 { font-size: 50px; margin: 0 0 30px 0; padding: 0; line-height: 1em; }
h2 { font-size: 45px; margin: 0 0 30px 0; padding: 0; line-height: 1em; }
h3 { font-size: 40px; margin: 0 0 30px 0; padding: 0; line-height: 1em; }
h4 { font-size: 30px; margin: 0 0 30px 0; padding: 0; line-height: 1em; }
h5 { font-size: 25px; margin: 0 0 30px 0; padding: 0; line-height: 1em; }
h6 { font-size: 20px; margin: 0 0 30px 0; padding: 0; line-height: 1em; }
p { clear: both; }
p, li { font-size: 2.2em; line-height: 1.2em; margin: 0 0 10px 0; padding: 0; color: #676566; font-style: italic; }
ul, ol { clear: both; }
li p { font-size: 100%; }
label { font-size: 2.2em; line-height: 1em; margin: 0; padding: 0; color: #676566; font-style: italic; }
a { color: #676566; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; color: #333; }
strong { font-weight: normal!important; }
a img { border: 0; }

.post { float: left; clear: both; width:100%; margin: 0 0 1px 0; padding: 0; background: #fff; }
.post-left { float: left; clear: none; width: 40%; margin: 0; padding: 15px; background: #fff; }
.post-left img { display: block; margin: 0; padding: 0;width:100%; height:auto; }
.post-right { float: left; clear: none; max-width: 560px;width:60%; margin: 0; padding: 15px 15px 15px 0; background: #fff; }
.post-right h1 { text-transform: uppercase; float: left; clear: both; width: 100%; margin: 0; padding: 0; }
.post-right .theDate { font-size: 20px; font-weight: bold; letter-spacing: normal; float: left; clear: both; width: 100%; margin: 0 0 5px 0; padding: 0; color: #000; font-style: normal; font-family: league-gothic-1,league-gothic-2,sans-serif; text-transform: uppercase;}
.post-right a { color: #8EBAC2; }
.post-right a:hover { color: #000; text-decoration: none; }

.post-left-wide { float: left; clear: none; max-width: 480px; width:100%; margin: 0; padding: 15px 15px 15px 15px; background: #fff; }
.post-left-wide a { color: #8EBAC2; text-decoration: none; }
.post-left-wide a:hover { cursor: pointer; text-decoration: underline; color: #000; }
.post-left-wide h1 { color: #8EBAC2; text-transform: uppercase; float: left; clear: both; width: 100%; margin: 0 0 10px 0; padding: 0; }
.post-left-wide .theDate { font-size: 20px; font-weight: bold; letter-spacing: normal; float: left; clear: both; width: 100%; margin: 0 0 10px 0; padding: 0; color: #000; font-style: normal; font-family: league-gothic-1,league-gothic-2,sans-serif; text-transform: uppercase;}
.post-left-wide p { font-style: normal; font-size: 20px; }

.post-left-wide img {
	width:100%;
	height:auto;
	}

.post-bar { float: left; clear: none; width:100%; margin: 0 0px; padding: 15px 15px 5px 15px; background: #fff; border-bottom: 1px solid #DDDCDD; }
.post-bar p { width: auto; clear: none; margin: 0; padding: 0; }
.post-back { float: left; }
.post-tweet { float: right; }
.post-tweet img { text-decoration: none; vertical-align: top; margin: 0 10px 0 0; padding: 0; }
.post-tweet a { text-decoration: none; }

#container { clear: both;  background: #e6e4e3; overflow: hidden; }

#header { position: relative; z-index: 50; float: left; clear: both; width: 100%; margin: 0; padding: 30px 0; border-bottom: 1px solid #AFB0B3; }


.person-span {


	width: calc( 20% - ( 60px / 5 ) );
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	}
	
.fa-twitter {
	font-size:28px;
	height:30px;
	color:#676566;
	padding-top:3px;
	width:30px;
	text-align:center;
	}
	
.search-link a {
	color:inherit;
	text-decoration:none;
	}
	
.search-link:hover {
	background:#000;
	}
	
.search-link:hover a {
	color:#fff;
	}
	
.item-person-content-modal {
	width:100%!important;
	margin-left:0!important;
	padding-left:125px;
	}
	
.jp-playlist ul, .jp-playlist-item  {
	display:block!important;
	}


#logo { float: left; clear: none; width: 450px; height: 180px; margin: 0; padding: 0; text-indent: -9999em; background-size:cover!important; -moz-background-size:cover!important; -webkit-background-size:cover!important;background: transparent url("http://www.meetthejoneses.co.uk/wp-content/uploads/2016/03/joneses-logo.png") 0 0 no-repeat; }
#logo a { display: block; float: left; clear: both; width: 257px; height: 94px; margin: 0; padding: 0; text-decoration: none; }

#strapline {   font-family: league-gothic-1,league-gothic-2,sans-serif; font-style:normal;letter-spacing:2px; text-transform:uppercase; position: absolute; z-index: 100; bottom: -20px; left: 20px; background: #e6e4e3; font-weight:300;  font-size:28px; margin: 0; padding: 0 10px; }

#nav { float: right; clear: none; width:auto; max-width: 700px; margin: 0; padding: 0; background: transparent; }
#nav ul { float: right; clear: none; width: auto; margin: 0; padding: 0; background: transparent; list-style: none; }
#nav ul li { line-height: normal; font-size:32px; float: left; clear: none; width: auto; margin: 0; padding: 0 15px 0 15px; background: transparent; list-style: none; font-style: italic; border-right: 2px solid #676566; }
#nav ul li.last { border-right: 0!important; margin-right: 0!important; padding-right: 0!important; }
#nav ul li.current_page_item a { color: #000; }

#content { float: left; clear: both; width: 100%; margin: 0; padding: 30px 0; background: transparent; }

#slider-con { position: relative; z-index: 10; float: left; clear: both; width:100%!important;  margin: 0; padding: 0; background: #E7E8E9; }
#slider { float: left; clear: both; width: 100%!important;  margin: 0; padding: 0; background: #E7E8E9; overflow: hidden; }

.slide { position: relative; z-index: 20; font-style: normal; float: left; clear: none; margin: 0; padding: 0; background: transparent; }
.slide ul { list-style: none; margin: 0; padding: 0; }
.slide-headline { position: absolute; left: 15px; top: 60px; z-index: 50; float: left; font-style:normal; clear: both; width: 320px; color: #8EBAC2; margin: 0; padding: 0; font-size: 55px; text-transform: uppercase; background: transparent; line-height: normal!important; }

.slide-headline a { display: block; float: left; width: 320px; color: #8EBAC2; background: transparent; margin: 0; padding: 0; border-left: 8px solid #fff; }
.slide-headline a:hover { color: #000; text-decoration: none;font-style:normal; } 
.slide-headline a span { display: block; float: left; margin: 0;font-style:normal; padding: 10px 8px 8px 0; background: #fff!important; line-height: 40px; }

.slide-cat { position: absolute; left: 15px; top: 15px; z-index: 50; float: left; clear: both; width: auto; color: #000; margin: 0; padding: 0; background: #fff; }
.slide-cat span { display: block; margin: 0; padding: 0 10px; }
.slide-profile { position: absolute; right: 15px; top: 15px; z-index: 50; float: left; clear: both; width: auto; color: #fff; margin: 0; padding: 0; background: transparent; }
.slide-profile a { color: #fff; }

.slider-controls { position: absolute; bottom: 15px; left: 15px; z-index: 50; float: left; clear: both; width: auto; color: #000; margin: 0; padding: 0; background: transparent; }
.slider-controls button { cursor: pointer; border: 0; display: block; float: left; clear: none; margin: 0 5px 0 0; padding: 0; width: 15px; height: 15px; background: #000; text-decoration: none; text-indent: -9999em; }
.slider-controls .current-control { background: #fff; }

#buttons { float: left; clear: both; width: 100%; margin: 0 0 20px 0; padding: 0; background: transparent; }
#button-mr, #button-ms { -webkit-appearance: none; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #8EBAC2; display: block; float: left; clear: none; width: 410px; margin: 0; padding: 10px 0 0 0; background: #000; text-align: center; font-size: 130px; font-family: league-gothic-1,league-gothic-2,sans-serif; font-style: normal; text-transform: uppercase; }




#button-mr:hover, #button-ms:hover { -webkit-appearance: none; color: #000; cursor: pointer; background:#8EBAC2;  }



#button-mr { margin: 0 15px 0 0; }

.quick-search {
  background: #c9c9c7;
  padding: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.quick-search .quick-search-column.field-wrap {
  padding: 0 20px 0 0;
  flex: 1;
}

.quick-search .quick-search-column.title {
  font-size: 24px;
  font-family: league-gothic-1,league-gothic-2,sans-serif!important;
  text-transform: uppercase;
  line-height: 32px;
  padding-right: 20px;
}

.quick-search .quick-search-column select {
  width: 100%;
  box-sizing: border-box;
  border: 0;
  padding: 5px;
  line-height: 24px;
  font-size: 1.8em;
  font-family: garamond-premier-pro-display-1,garamond-premier-pro-display-2,serif;
}

.quick-search .quick-search-column input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: 0;
  padding: 5px 10px;
  line-height: 24px;
  font-size: 1.8em;
  font-family: garamond-premier-pro-display-1,garamond-premier-pro-display-2,serif;
}

.quick-search .search-field {

}

li.ui-menu-item
{
  font-size: 2.0em;
  line-height: 1.2em; 
  font-style: normal;
  font-family: garamond-premier-pro-display-1,garamond-premier-pro-display-2,serif;
}

#criteria { float: left; clear: both; width: 100%; margin: 0 0 15px 0; padding: 0; background: #c9c9c7; }
.criteria-row h2 { float: left; clear: both; width: 100%; line-height: 0.8em; margin: 0; padding: 0; } 
.criteria-row { float: left; clear: both; width:100%; margin: 0; padding: 20px; background: #c9c9c7; border-bottom: 1px solid #AFB0B3; }
.criteria-left { float: left; clear: none; width: 80px; margin: 0; padding: 0; background: transparent;  }
.criteria-left h6 { float: right; clear: both; margin: 0; padding: 0 10px 0 0;  border-right: 2px solid #666; }
.criteria-right { float: left; clear: none; width:100%; min-height: 10px; margin: 0; padding: 0 0 0 20px; background: transparent;  }
.criteria-row input[type=text] {
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #666666;
  padding: 0 0 3px 0;
  line-height: 24px;
  font-size: 1.8em;
  color: #676566;
  font-family: garamond-premier-pro-display-1,garamond-premier-pro-display-2,serif;
}


#page-title { float: left; clear: both; min-width: 150px; color: #000; margin: 0 0 20px 0; padding: 0 5px; background: #fff; }

.search-field { float: left; clear: none; width: 20%; margin: 0 0 5px 0; padding: 0; }
.search-field label { display: block; float: left; clear: none; width: 110px; }
.checkbox { float: left; clear: none; margin: 3px 10px 0 0; padding: 0; vertical-align: middle; }

.item-person { float: left; clear: none; width: 100%; margin: 0 0 15px 0; padding: 15px; background: #c9c9c7; flex: 1; }
/*.item-person-image { float: left; clear: none; width: 30%; margin: 0 0 0 0; padding: 0 15px 0 0; background: #c9c9c7; } */
.item-person-image { margin: 0 0 0 0; padding: 0 0 0 0; background: #c9c9c7; }
.item-person-image a { background-size: cover; background-position: center center; display: block; padding-bottom: 125%; margin-bottom: 10px; }
.item-person-image img { display: none; width: 100%; height: auto; margin: 0; padding: 0 0 10px 0; }
.item-person-image p { clear: both; margin: 0; padding: 0; font-size: 20px!important; color: #fff; font-family: league-gothic-1,league-gothic-2,sans-serif; font-style: normal; text-transform: uppercase; }
.item-person-image p a { color: #fff; text-decoration: none; }
.item-person-image p a:hover { color: #000; text-decoration: none; }
.item-person-content { float: left; clear: none; width: auto; margin: 0; padding: 0; background: #c9c9c7; }
.item-person-content h2 { text-transform: uppercase; margin: 0; padding: 0; font-size: 32px!important; }
.item-person-content h2 a { color: #000; text-decoration: none; }
.item-person-content p { font-size: 14px; line-height: normal!important; font-family:Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 0; padding: 0; color: #373737; }
p.item-person-caption { font-style: normal; font-weight: normal; font-size: 32px!important; color: #fff; font-family: league-gothic-1,league-gothic-2,sans-serif; line-height: 30px!important; margin: 0 0 7px 0; padding: 0 0 7px 0; text-transform: uppercase; border-bottom: 1px solid #999; }

.play-audio { font-size: 24px!important; float: left; clear: both; margin: 0!important; padding: 0!important; font-family: league-gothic-1,league-gothic-2,sans-serif!important; font-style: normal; text-transform: uppercase;   }
.play-audio a { float: left; display: block; clear: both; margin: 0!important; padding: 2px 8px 1px 8px!important; color: #8EBAC2; background: #000; text-decoration: none; }
.play-audio a:hover { color: #fff; }

#search-submit { border: 0; cursor: pointer; font-size: 24px!important; float: left; clear: both;  margin: 0!important; padding: 2px 8px 1px 8px!important; color: #8EBAC2; background: #000; font-family: league-gothic-1,league-gothic-2,sans-serif!important; font-style: normal; text-transform: uppercase;  } 
#search-submit:hover { color: #fff; }

.item-person-clips { }

#people { float: left; clear: both; width: 100%; margin: 0; padding: 15px 0 0 0; background: transparent; border-top: 1px solid #AFB0B3; }
#people .item-person:nth-child(2n) { margin-right: 0; }

#hidden-options { display: none; }
#expand-hidden-options { float: left; clear: none; width: 280px; margin: 0; padding: 5px 0 0 0; cursor: pointer; background: transparent; }
.search-term { font-family: league-gothic-1,league-gothic-2,sans-serif; text-transform: uppercase; color: #fff; display: block; float: left; clear: none; width: auto; line-height: 0.8em; margin: 0 10px 0 0; padding: 5px 0 0 0; font-size: 45px; }

#footer { float: left; clear: both; width: 100%; margin: 0; padding: 15px 0 40px 0; border-top: 1px solid #AFB0B3; background: transparent; }
#footer p img { vertical-align: middle; }

#credit { display: none; }

.menu-button {
	display:none;
	}
	
.close-button {
	display:none;
	}
	
#container {
	padding:0 30px;
	max-width: 1220px;
	margin: 0 auto;
	}

body.front #container {
	max-width: 100% !important;
}

.span2 {
	float:left;
	width:50%;
	}
	
.clearer {
	clear:both;
	}


.span2 .search-field {
	width:33%;
	}

#button-mr, #button-ms {
	width:50%;
	width:calc(50% - 7.5px)!important;
	width: -webkit-calc(50% - 7.5px); /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(50% - 7.5px);
	font-size:130px!important;
	}
	
.span2 .item-person {
	width:100%!important;
	}

#container #container {
	padding:0;
	}

.span-left {
	padding-right:10px;
	}
	
.span-right {
	padding-left:10px;
	}

.criteria-right {
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px); /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(100% - 80px);
	}
	
.bxslider li {
	background-repeat:no-repeat;
	background-size:cover!important;
	-moz-background-size:cover!important;
	-webkit-background-size:cover!important;
	}
	
.span2 #button-mr, .span2 #button-ms {
	width:50%;
	width:calc(50% - 7.5px)!important;
	width: -webkit-calc(50% - 7.5px)!important; /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(50% - 7.5px)!important;
	font-size:90px!important;
	}


.home-news {
	margin-top:5px;
	}

.home-text {
	  background-color: #c9c9c7;
	  padding:20px 20px 40px;
	  margin-top:20px;
	  position:relative;
	}
	
.home-text-more {
	position:absolute;
	right:20px;
	bottom:18px;
	font-style:normal;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	font-family: league-gothic-1,league-gothic-2,sans-serif;
	font-size:24px;
}

.clearer {
	clear:both;
	}

.person-span {

	}
	
.person-wrapper {
	margin:0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
/*
	-webkit-justify-content: space-between;
	justify-content: space-between; 
*/
	}
	
	
	
.jp-progress {
	width:80%!important;
	width:calc(100% - 100px)!important;
	}	

.jp-playlist ul li a {
	display:block;
	width:100%;

	
	}
	
.modal-content {
	overflow:visible!important;
	height:auto!important;
	max-height:600px!important;
	}
	
.jp-playlist ul {
	max-height:600px!important;
	
	}


.jp-playlist ul li {
		font-size:24px!important;
		}
		
	@media only screen and (max-width: 1600px) {	

#logo { float: left; clear: none; width: 340px; height: 135px; margin: 0; padding: 0; text-indent: -9999em; background-size:cover!important; -moz-background-size:cover!important; -webkit-background-size:cover!important;background: transparent url("http://www.meetthejoneses.co.uk/wp-content/uploads/2016/03/joneses-logo.png") 0 0 no-repeat; }
#logo a { display: block; float: left; clear: both; width: 257px; height: 94px; margin: 0; padding: 0; text-decoration: none; }
		
		
		
		#nav ul li { line-height: normal; font-size:24px; float: left; clear: none; width: auto; margin: 0; padding: 0 15px 0 15px; background: transparent; list-style: none; font-style: italic; border-right: 2px solid #676566; }
		.person-span {

	width: calc( (100% / 5) - ( 60px / 5 ) );
	margin-right: 15px;
	}
	.person-span:nth-child(5n+5) { margin-right: 0; }
	
	#strapline {   font-family: league-gothic-1,league-gothic-2,sans-serif; font-style:normal;letter-spacing:2px; text-transform:uppercase; position: absolute; z-index: 100; bottom: -15px; left: 5px; background: #e6e4e3; font-weight:300;  font-size:24px; margin: 0; padding: 0 10px; }

	
	
		
	}
		
		@media only screen and (max-width: 1300px) {

.person-span {
	width: calc( (100% / 5) - ( 60px / 5 ) );
	
	}
	.person-span:nth-child(5n+5) { margin-right: 0; }
	
		}
		
@media only screen and (max-width: 1200px) {
	
	.span2 #button-mr, .span2 #button-ms {
	width:50%;
	width:calc(50% - 7.5px)!important;
	width: -webkit-calc(50% - 7.5px)!important; /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(50% - 7.5px)!important;
	font-size:60px!important;
	}
	
.span2 .search-field
{
  float: left;
  clear: none;
  width:50%;
	
}
	
.person-wrapper .person-span {
	width: calc( (100% / 4) - ( 45px / 4 ) );
}
	.person-span:nth-child(4n+4) { margin-right: 0; }
	
	
}

@media only screen and (max-width: 960px) {
	
	.span2 {
		width:100%;
		float:none;
		padding:0;
		}
	
	.search-field
{
  float: left;
  clear: none;
  width:33.33333%;
	
}

.quick-search .quick-search-column {
  width: 100%;
  padding-right: 0 !important;
  flex: initial !important;
  margin-bottom: 3px;
}

.quick-search .quick-search-column.title {
  display: none;
}

.person-wrapper .person-span {
	width: calc( (100% / 2) - ( 15px / 2 ) );
}
	.person-span:nth-child(2n+2) { margin-right: 0; }
	
	
#button-mr, #button-ms {
	width:50%;
	width:calc(50% - 7.5px)!important;
	width: -webkit-calc(50% - 7.5px)!important; /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(50% - 7.5px)!important;
	font-size:90px!important;
	}
	
.span2 #button-mr, .span2 #button-ms {
	width:50%;
	width:calc(50% - 7.5px)!important;
	width: -webkit-calc(50% - 7.5px)!important; /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(50% - 7.5px)!important;
	font-size:90px!important;
	}
	
	
.span2 .search-field
{
  float: left;
  clear: none;
  width:33.3333%;
	
}
	
.span-left {
	margin-bottom:20px;
	}
	
}


@media only screen and (max-width: 750px) {
	
	#nav {
	display:none;
	}
	
	.menu-button {
	display:block!important;
	position:absolute;
	top:-6px;
	z-index:9999!important;
	right:0px;
	width:40px;
	cursor:pointer;
	height:40px;
	}
	
.close-button {
	display:block!important;
	position:absolute;
	top:16px;
	z-index:9999!important;
	right:22px;
	width:36px;
	height:36px;
	cursor:pointer;
	}


#nav {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	max-width:100%;
	height:100%;
	z-index:9999;
	background:#e6e4e3;
	display:none;
	}
	
#nav ul {
	float:none;
	}
	
#nav {
	padding-top:60px;
	}

#nav ul li {
	float:none;
	width:100%!important;
	text-align:center;
	border:0;
	}
	
#nav ul li a {
	display:block;
	padding:10px 20px;
	font-size:32px!important;
	}
	
#header {
	padding-top:0;
	}
	
	
#container {
	padding:20px;
	width:100%;
	margin-bottom:0;
	max-width: 835px;
	}


.person-wrapper .person-span {
	width:100%;
	}
	
	

}
	
@media only screen and (min-width: 751px) {
	
	
#nav {
	display:block!important;
	}
	

	
}

@media only screen and (max-width: 600px) {
	
	.slide-headline {
		font-size:36px;
		max-width:50%!important;
		}
		
	.jp-playlist ul li {
		font-size:20px!important;
		}
		
	.slide-headline a span
{
  display: block;
  float: left;
  margin:0;
  font-style: normal;
  padding-top: 2px;
  padding-right: 8px;
  padding-bottom: 0px;
  line-height:40px;
  padding-left: 0px;
}
	
.search-field, .span2 .search-field 
{
  float: left;
  clear: none;
  width:50%;
	
}
	
#button-mr, #button-ms {
	width:50%;
	width:calc(50% - 7.5px)!important;
	width: -webkit-calc(50% - 7.5px)!important; /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(50% - 7.5px)!important;
	
	font-size:60px!important;
	}
	
.span2 #button-mr, .span2 #button-ms {
	width:50%;
	width:calc(50% - 7.5px)!important;
	width: -webkit-calc(50% - 7.5px)!important; /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(50% - 7.5px)!important;
	font-size:60px!important;
	}
	

	
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
	
#header {
	padding-top:0;
	}
	
	
#container {
	padding:20px;
	width:100%;
	margin-bottom:0;
	max-width: 835px;
	}

#logo a {
	width:200px;
	height:80px;
	}

#logo {
	width:200px;
	height:auto;
	background-size:100%;
	-moz-background-size:100%;
	-webkit-background-size:100%;
}	


#button-mr, #button-ms {
	
	font-size:65px;
	}
	
.criteria-right {
	width: calc(100% - 80px);
	}
	
.search-field
{
  float: left;
  clear: none;
  width:50%;
	
}

#slider-con {
	width:100%;
	height:auto!important;
	max-height:270px;
	}

#slider {
	width:100%;
	height:auto;
	position:relative;
	max-height:270px;
	}
	
#slider ul {
	display:block;
	width:100%;
	height:auto;
	}
	
#slider img {
width:100%;
height:auto;
	}
	
	

#slider li {
	
	position:relative;
	width:auto;
	height:auto;
	}

h1
{
  font-size: 36px;
	}

.item-person {
	width:100%;
	min-height:auto!important;
	}
	
	
.bxslider  {
	width:100%;
	height:auto;
	}
	

	
.bxslider img {
	width:100%!important;
	height:auto!important;
	}
	
.post-right h1
	{
	font-size:36px;
	}
	
}
	
@media only screen and (max-width: 480px) {
	
	
	.post-right h1
	{
	font-size:24px;
	}
	
	.post-right .theDate
{
  font-size: 16px;
  
}

#button-mr, #button-ms {
	width:50%;
	width:calc(50% - 7.5px)!important;
	width: -webkit-calc(50% - 7.5px)!important; /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(50% - 7.5px)!important;
	padding-bottom:7px;
	font-size:50px!important;
	}
	
.span2 #button-mr, .span2 #button-ms {
	width:50%;
	width:calc(50% - 7.5px)!important;
	width: -webkit-calc(50% - 7.5px)!important; /** Safari 6, Chrome 19-25 **/
	width: -moz-calc(50% - 7.5px)!important;
	font-size:50px!important;
	}
	
	
.slide-headline {
		font-size:18px;
		max-width:50%!important;
		
		}
		
		
.slide-headline a {
	  border-left-width: 4px;
	}
	.slide-headline a span
{
  display: block;
  float: left;
  margin:0;
  font-style: normal;
  padding-top: 0px;
  padding-right: 4px;
  padding-bottom: 0px;
  line-height:34px;
  padding-left: 0px;
}
	
.search-field, .span2 .search-field 
{
  float: left;
  clear: none;
  width:100%;
	
}
	
	
.span2 {
	margin-bottom:20px!important;
	}
	
	
}
	

body.front #content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}

body.front #content .span-right {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

body.front .home-news {
  overflow: hidden;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}


body.front .home-news .post {
  flex: 1;
}