/* Mobile Layout: 480px and below. 
.gridContainer {margin-left: auto; margin-right: auto; 	width: 87.36%;	padding-left: 1.82%;	padding-right: 1.82%;}*/
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
/*-------------------------------start 0 to 480----------*/
/*   http://www.alistapart.com/articles/fluid-images/ */

/*	p {
font-family:'Open Sans', sans-serif;
	font-family:'JosefinSans', sans-serif;
}*/
p, ul, li {
	font-family:'JosefinSans', sans-serif;
	font-size:1.2em;
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.page, .ui-header, .header {
	background:transparent;
/*  border-color: #E7E7E7;*/
/*  background-color:#524f4f!important;*/
  background-image: linear-gradient(to bottom, #888 0%, #666 50%);

	height:2rem;
	text-shadow:none;
	z-index:1000;
}
.page h3, .ui-header h3, .header h3{
	color:#dedede;
}

.article-gray {
	background:transparent;
  border-color: #22a7e0;
  background-color:#37505c!important;
  background-image: linear-gradient(to bottom, #607d8b 0%, #607d8b 100%);
  color:#eee;
	padding:10px;
}
.article-gray a {
	color:#000!important;
}
.blueplan, .blueband {
	background:transparent;
  border-color: #22a7e0;
  background-color:#22a7e0!important;
  color:#eee;
  text-shadow:none;
  font-weight:200;
  font-size:0.85em;
  padding:2px 0 0 4px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	 -webkit-border-radius: 5px;
    -ms-border-radius:9px;
  -o-border-radius: 9px;
	border-radius: 5px;
}

.grey {
	
	background:transparent;

  border-color: #a96dab;
  background-color:#a96dab!important;
  background-image: linear-gradient(to bottom, #b6509d 0%, #672055 100%);
  color:#eee; 
}

.ui-collapsible h1{
}
.ui-footer, .footer {
	
  border-top:1px solid #888;
 padding:5px;
	text-align:center;
  background-color:#eee!important;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 100%);
	alignment-baseline:baseline;
	margin-bottom: 0px;

}
.ui-footer H4.ui-title {
	font-size: 0.9em;
	font-weight: normal;
}
h1, h2, h3, h4 {
	font-family: 'GearedSlab', serif;color:#607d86;
}
h1 {
	
	text-shadow:none;
}
h3, h4 {
	margin-bottom:0;
}
h3 + p, h4 + p {
	margin-top:0;
}
h4 {
	color:#999;
}
#page h1 {
	color:#222;
}
a {
	text-decoration:none;
}

.floatRight {
	position:relative;
	float:right;
	margin-right:4px;
}

.floatRight-border {
	position:relative;
	float:right;
	margin-left:4px;
	padding:10px;
	border:1px solid #ccc;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	 -webkit-border-radius: 10px;
    -ms-border-radius:15px;
  -o-border-radius: 15px;
	border-radius: 10px;
}
.floatLeft, .floatLeftHalf {
	position:relative;
	float:left;
	margin-left:4px;
}
.floatLeft-img {
	position:relative;
	float:left;
	margin:1px 10px 2px 0;
}
.floatLeft-border {
	position:relative;
	float:left;
	margin-left:4px;
	padding:10px;
	border:1px solid #ccc;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	 -webkit-border-radius: 10px;
    -ms-border-radius:15px;
  -o-border-radius: 15px;
	border-radius: 10px;
}

img.flush {
	margin:0 auto;
	width:auto;
}
.ui-footer a{
	color:#fff!important;
	font-size:1.1em;

}
.focus {
	color:#666!important;
	
}
a.focus{
	color:#666!important;
	
}

.ui-li-icon {
	height:40px;
}
.c {
	background:#7b85e8;
	border-color:#5a62ac;
}

.listview-entry {
	background:transparent;
	width:85%;
	float:right;
}
ul.listview-entry, ul.listview-entry li {
	list-style:none;
	color:#eee;
}
ul.listview-entry .li-aside {
	float:right;
	width:50%;
	text-shadow:none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-container {
  width:25%;
  height:100%;
  position:relative;
  overflow: hidden; 
  display: inline-block;
}
  
.image-container img {
  max-width: 100%; 
  height: auto;
  display: block; /* added this */
  
}

.image-container a {
  position:absolute;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  z-index:2;
  background: rgba(141, 178, 215, 0.77);
  opacity:0;
  position:absolute;
  color: #fff;
  background: rgba(141, 178, 215, 0.77);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  text-align:center;
  font-size:1.2em;  
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  z-index:1;
}

.image-container:hover a {
  opacity:1 ;
}

.image-container .popup span {
  position: absolute;
/*  top:50%;*/
/*  left:50%;*/
	top:50%;
  left:50%;
/*  transform:translate(-50%,-50%);*/
	transform:translate(-50%,-50%);
} 
.centre-narrow {
	max-width:500px;
	margin:0 auto;
}

.one-third-left {
	float:left;
	width:32%;
	margin:4px 10px;
	min-height:410px;
}

.one-half-left {
	float:left;
	width:47%;
	margin:4px 10px;
	
}
/*-----------------------------------------------------0 - 480------------------------*/
@media only screen and (min-width: 0px) and (max-width: 480px) {
	.min-img {
	width:96%;
}
	.one-third-left, .one-half-left {
	float:none;
	width:100%;
	min-height:210px;
}
}
/*-----------------------------------------------------481 - 768------------------------*/
@media only screen and (min-width: 481px) and (max-width : 768px) {
.splash-entry {
	background-repeat:no-repeat;
	background-attachment:scroll;
}
.listview-entry {
	width:50%;
}

.min-img {
	width:48%;
}
.one-third-left, .one-half-left {
	width:43%;
	border:1px solid #ccc;
	padding:5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	 -webkit-border-radius: 10px;
    -ms-border-radius:15px;
  -o-border-radius: 15px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  min-height:210px;
}
}
/*-----------------------------------------------------748 was 768------------------------*/
@media only screen and (min-width: 748px) and (max-width : 768px) {
	.one-third-left, .one-half-left {
	float:left;
	width:45%;
	padding:5px;
	border:1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	 -webkit-border-radius: 10px;
    -ms-border-radius:15px;
  -o-border-radius: 15px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  max-height:640px;
}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 769px) and (max-width : 1024px) {
.gridContainer {width: 88.2%;max-width: 1232px;padding-left: 0.9%;padding-right: 0.9%;margin: auto;}
.splash-entry {
	background-repeat:no-repeat;
	background-attachment:scroll;
}
.listview-entry {
	width:48%;
}

.min-img {
	width:30%;
}
.one-third-left, .one-half-left {
	
  max-height:680px;
}
.one-half-left {
	/*width:42%;*/
}
.one-half-left img {
	max-height:570px;
}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1024px) {
.listview-entry {
	width:58%;
}
div.clampd {
	width:702px;
	margin: 0 auto;
	margin-top:64px;
	}
.clamp {
/*	width:1024px;*/
	margin: 0 auto;
	}	

.min-img {
	width:20%;
}
}

/*------------------------------module branding----------------------------*/


.flex-container {
	margin-bottom:10px;
	display:flex;
	/*flex-direction:row-reverse;*/
	justify-content: center;
}
.flex-item3 {
	padding:10px;
	width:83%;
}
.floatLeft-box-img {
	min-width:100px;
}
.floatLeft-box-img a {
	color:#333!important;
}
/*----------------------------------general------------------------*/
.home-button {
	background-color:#fff;
}
.centre {
/*	position:relative;*/
/*	align-content: center;*/
/*	background-position:center;*/
	margin:0 auto;
/*	alignment-adjust:central;*/
/*	text-align:center;	*/
}

.centre-text, .brand-text {
	background-position:center;
	alignment-adjust:central;
	text-align:center;
	text-shadow:none;
	font-weight:400;
	color:#222;
	padding: 0 25px;
}
.centre-text-larger {
	background-position:center;
	alignment-adjust:central;
	text-align:center;
	text-shadow:none;
	font-weight:400;
	font-size:1.3em;
	color:#222;
	padding: 0 25px;
}
.banner  {
	font-weight:800;
	font-size:1.3em;
	color:#ccc;
	text-shadow:0 1px  #2a2a2a;
}


.mini {
	font-size: 0.8em;
}
.minim {
	font-size: 0.6em;
}

/*------------------------tables------------------------------*/
tr.title {
	border:none!important;
	background-color:#ccc;
}

.yarticle, .article-reviews {
/*		column-count:2;*/
		column-width:300px;
		column-gap: 2em;
		column-rule: 0px solid #444;
	background-color:#eee;padding:4px;
	}
.article-reviews {
	padding:16px;
	}
.article-reviews p {
text-decoration:none;
	color:#666;
	font-size:0.9em;
	}
.yarticle p {
text-decoration:none;
	color:#666;
	}
.zarticle {
/*		column-count:2;*/
		column-width:350px;
		column-gap: 2em;
		column-rule: 0px solid #999;
	background-color:#fff;
	padding:5px 14px;
	max-width:80%;
	margin: 0 auto;
	}
.zarticle p {
text-decoration:none;
	color:#666;
	}
#yarticle {
/*		column-count:2;*/
	padding:20px;
			column-width:300px;
		column-gap: 2em;
		column-rule: 0px solid #444;
	background-color:#607d8b;padding:4px;
	background-color:#fff;padding:4px;
	color:#666;
	}
#yarticle p {
text-decoration:none;
	padding:20px;
	
	}
.icon-table {
	width:40px;
}
div.a-centre, .table-centre {
	border:solid 1px #ccc;
	width:50%;
	margin:0 auto;
}
table.a-centre {
	border:solid 1px #ccc;
	width:100%;
}
.table-centre td {
	padding:0 12px;
	font-size:1.3em;
}


.sub-title {
	color:#ccc;
	font-size:1em;
	font-weight:900;
	text-transform:uppercase;
}
.floatClear {float:none;clear:both;}
.floatClearPad {float:none;clear:both;margin:10px;font-size:1.2em;}
.a-centre-img {width:92%;}
.subtitle {	float:right;}
div.white {
	background:transparent!important;
	background-image:url(../../images/texture_grain_light.jpg)!important;
	padding: 10px 2px;
	font-size:1.4em;
}


/*-----------------------------------------------------481 - 768------------------------*/
@media only screen and (min-width:481px) and (max-width: 768px) {

}

div.a-centre, .table-centre, .zarticle {
	width:70%;
}
.clamp img{
	vertical-align:top!important;
	padding:0%;
}
.clamp {
	margin-left: auto;
	margin-right: auto;
/*	float:right;*/
	font-size:0.8em;
	font-weight:100;
	color:#777;
}
.clamp-min {
	text-align:right;
	font-size:1em;
	font-weight:100;
	color:#888;
	margin: 0 20px
}
.clamp .white, .clamptxt .white {
	color:#888;
	font-weight:bold;
	font-size:1.2em;	
}
.clamp a:hover {
  opacity:0.6;
}
.p-button a:hover {
  opacity:0.6;
}
.white {
	color:#999;
}
.grey {
	color:#666;
	font-size:1.2em;
}
.clamptxt td{
	font-size:0.8em;
	font-weight:normal;
	text-align:right;
	padding:10px;
}

.treatment2 a:hover {
	opacity:0.6;
}
div.goog-te-gadget-simple {border-radius:5px; background:#f0f0f0;}
a.goog-te-menu-value > span{ color:#333;}
.ui-li {
	text-align:center;
}
.floatLeft-box a, .floatLeft-box-g a, .floatLeft-box-min a, .floatCentre-box-min a {
	color:#333!important;
}
.mini a {
	color:#083aac!important;
}
.floatLeft-box a:hover, .floatLeft-box-min a:hover, .floatCentre-box-min a:hover, .mini a:hover {
	color:#666!important;
}
.green {
	color:#0C0;
}
.orange {
	color:#F63;
}
.green  {
	color:#41ad49;
}
.nav-d {
	color:#149c1c;
	font-size:1.3em;
}
.nav-e {
	color:#868686;
	font-size:1.2em;
}
.nav-r {
	color:#9d54a0;
	font-size:1.5em;
}
.nav-m {
	color:#a96dab;
	font-size:1.4em;
}
.nav-p {
	color:#cf612b;
	font-size:1.4em;
}
h2 a.green {
	color:#e5f9eb!important;
}
h2 a.orange {
	color:#F63!important;
}
h2 a.blue {
	color:#00adfe!important;
}
.fixed-bottom {
	background-color:#484848!important;
}
.active {
	font-weight:bold;
	color:#7eb8bd!important;
}
.reference-a a, .reference-a{
	background:transparent;
	text-shadow:none;
	font-size:1.3em;
	color:#eee!important;
}
.ui-btn-icon-extra-right {
	margin-left:20px;
}
.white .caption, .caption-dark, caption-table {
	text-shadow:none;
	padding-left:20px;
	font-size:0.75em;
	color:#666;
}
.caption-dark {
	color:#999;
	font-weight:bold;
}
.caption-table {
	color:#666;
	font-size:0.8em;
	font-style:italic;
}
.border {
	border: 5px solid #eee;
	padding:10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	 -webkit-border-radius: 10px;
    -ms-border-radius:15px;
  -o-border-radius: 15px;
border-radius: 10px;
	max-width:1024px;
	margin:0 auto;
}
.clickable-area {
		display: block;
		width: 100%;
		height: 300px;
		background-color: #ffefef;
}
.clickable-area:focus {
		outline: 0;
}
.ui-btn.my-tooltip-btn, .ui-btn.my-tooltip-btn:hover, .ui-btn.my-tooltip-btn:active {
		background: none;
		border: 0;
}
.large {
	font-size:1.1em;
	line-height:1.7em;
}
.ui-no-pad {
	background:transparent;
	padding:0;
	margin:0;
}
.code {
	background-color:#eee;
	border-bottom:1px solid #ccc;
	padding: 0 8px;
	font-family:"Courier New", Courier, monospace;
}
.active-icon {
	opacity:0.0;	
	background-color:#fff;
	padding: 0 18px;
}
.thick {
	border-top: 1em dotted #ccc;	
}
.r-button-2 a:hover {
	background-color:#eee;	
}
#print-button {
	display: none;
}

#gallerycontainer {
  position: relative;
  height: 748px;
  width: 95%;
  margin: 0 auto;
  overflow: auto;
}
#gallery-milestones {
  width: 2000px;
  position: absolute;
  z-index: 1;
}
#gallery-milestones a {
	  float: left;
	  width: 219px;
	  height: 165px;
	  margin-right: 5px;
  	  border: 1px solid #000;
}
.button-wrap {
    margin-left: 5px;
    margin-right: 5px;
}
.big-form, .big-form-white, .big-form-black, .big-form-blue, .big-form-yellow, .big-form-purple, .big-form-green {
    font-size: 1.5em;
	font-weight:bold;
	color:#eee;
}

.main a {    
	color:#068d59!important;
}

.main a:hover, .big-form-white a:hover, .big-form-blue a:hover {    
	color:#3961f6!important;
}



.tablist-left {
    width: 10%;
    display: inline-block;
	padding-bottom:0;
	margin-bottom:0;
}
.tablist-content {
    width: 40%;
    display: inline-block;
	float:right;
    vertical-align: top;
    margin-right: 1%;
}
.iframe {
    border: none;
}
@media (min-width: 1200px) and (max-width: 2000px) {
	.gallery-min {
		width:18%;
	}
	.gallery-mid {
		width:40%;
		border:1px solid #ccc;
	}
	div.floatLeft-box-max {
	min-height:350px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.gallery-min {
		width:24%;
	}
	.gallery-mid {
		width:48%;
		border:1px solid #ccc;
	}
	div.floatLeft-box-max {
	min-height:350px;
}
}
@media (min-width: 482px) and (max-width: 767px) {
	.floatLeftHalf {
width:48%;
}
	div.a-centre, .table-centre {
	width:80%;
}
	.gallery-min {
		width:32%;
	}
	.gallery-mid {
		width:64%;
		border:1px solid #ccc;
	}
	div.floatLeft-box-max {
	min-height:350px;
}
}
@media (min-width: 326px) and (max-width: 481px) {
	.floatLeftHalf {
width:48%;
}
	div.a-centre, .table-centre, .zarticle {
	width:90%;
}
	.gallery-min {
		width:48%;
	}
	.gallery-mid {
		width:80%;
		border:1px solid #ccc;
	}
	.exercise-table td.bindLeft{
	text-indent: -5em;
}
.squash {
}
	.flex-item3 {
	padding:10px;
	width:88%;
}
}
@media (min-width: 0px) and (max-width: 325px) {
	.floatLeftHalf {
/*width:48%;*/
		float:none;
}
	div.a-centre, .table-centre, .zarticle, .main {
	width:100%;
		padding:2px;
}
	.gallery-min {
		width:100%;
	}
	.gallery-mid {
		width:100%;
	}
	.exercise-table td.bindLeft{
	text-indent: -6em;
}
div.floatLeft-box-max {
	min-height:450px;
	max-width:150%;
}
.squash {
}
.flex-item3 {
	padding:10px;
	width:90%;
}
}
.ui-filter-inset {
    margin-top: 0;
}
/* Custom indentations are needed because the length of custom labels differs from
   the length of the standard labels */
.custom-size-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
    text-indent: -5.9em;
}
.custom-size-flipswitch.ui-flipswitch .ui-flipswitch-off {
    text-indent: 0.5em;
}
/* Custom widths are needed because the length of custom labels differs from
   the length of the standard labels */
.custom-size-flipswitch.ui-flipswitch {
    width: 8.875em;
}
.custom-size-flipswitch.ui-flipswitch.ui-flipswitch-active {
    padding-left: 7em;
    width: 1.875em;
}
@media (min-width: 28em) {
    /*Repeated from rule .ui-flipswitch above*/
    .ui-field-contain > label + .custom-size-flipswitch.ui-flipswitch {
        width: 1.875em;
    }
}
.floatDiagnosis {
	float:none;
	align-content: space-around;
	margin:0;
	text-align:center;
	padding:0;
	clear:both;
	width:99%;
}
.floatLeft img {float:none;
max-width:100%;}

	
/* Basic settings */
.ui-li-static.ui-collapsible {
    padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview,
.ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    border-bottom-width: 0;
}
/* collapse vertical borders */
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-last-child,
.ui-li-static.ui-collapsible.ui-collapsible-collapsed > .ui-collapsible-heading > a.ui-btn {
    border-bottom-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-first-child,
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li.ui-first-child > a.ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn {
    border-top-width: 0;
}
/* Remove right borders */
.ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > .ui-li-static,
.ui-li-static.ui-collapsible > .ui-collapsible-content > .ui-listview > li > a.ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-right-width: 0;
}
/* Remove left borders */
/* Here, we need class ui-listview-outer to identify the outermost listview */
.ui-listview-outer > .ui-li-static.ui-collapsible .ui-li-static.ui-collapsible.ui-collapsible,
.ui-listview-outer > .ui-li-static.ui-collapsible > .ui-collapsible-heading > a.ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-left-width: 0;
}



.display-out {
	position:relative;
	overflow:hidden;
}
img.display-in {
	display:block;
	align-content:center;
	margin:auto;
	padding:0;
}

.diagnosis-button {
	background-color:#41ad49;
	color:#fff;
	font-size:2.2em;
}


.centrediv {
	float:right; margin: 0 auto;
}

.screened {
	opacity:0.8;
	
}
.clickable-area {
    display: block;
    width: 100%;
    height: 300px;
    background-color: #ffefef;
	opacity:0.8;
}
.clickable-area:focus {
    outline: 0;
}



figure { display: block; position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0; } figcaption { position: absolute; background: black; background: rgba(0,0,0,0.75); color: white; padding: 10px 20px; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; } figure:hover figcaption { opacity: 1; } figure:before { content: "?"; position: absolute; font-weight: 800; background: black; background: rgba(255,255,255,0.75); text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75; } figure:hover:before { opacity: 0; } .cap-left:before { bottom: 10px; left: 10px; } .cap-left figcaption { bottom: 0; left: -30%; } .cap-left:hover figcaption { left: 0; } .cap-right:before { bottom: 10px; right: 10px; } .cap-right figcaption { bottom: 0; right: -30%; } .cap-right:hover figcaption { right: 0; } .cap-top:before { top: 10px; left: 10px; } .cap-top figcaption { left: 0; top: -30%; } .cap-top:hover figcaption { top: 0; } .cap-bot:before { bottom: 10px; left: 10px; } .cap-bot figcaption { left: 0; bottom: -30%;} .cap-bot:hover figcaption { bottom: 0; }

.grey-back {
	background-color:#eee;
}
.editable, .editable-narrow {
  display: inline-block;
	background-color:#eee;
  border: solid 1px #999999!important;
  min-height: 200px;
  width: 95%;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	 -webkit-border-radius: 10px;
    -ms-border-radius:15px;
  -o-border-radius: 15px;
border-radius: 10px;
	padding:5px;
}
.editable-narrow {
    min-height: 40px;  
}
textarea{  
  /* box-sizing: padding-box; */
  overflow:hidden;
  /* demo only: */
  padding:10px;
  width:250px;
  font-size:14px;
  margin:50px auto;
  display:block;
  border-radius:10px;
  border:6px solid #556677;
}
.map a{
	background-color:powderblue;
	border: 3px solid #333!important;
	background-image:url("../../images/icon-info20w.png")!important;
	opacity:0.6;
	transition: background-color .5s;
}
.map a:hover{
	background-color:gold;
	background-image:url("../../images/icon-info20w.png")!important;
}
hr.bigline {
	border:2px solid ccc;
}
.flex-container {
	margin-bottom:10px;
	display:flex;
	justify-content: center;
}
.flex-item2 {
	padding:10px;
	width:50%;
	max-width:480px;
}

@supports (grid-area: auto) {
@media screen and (max-width: 28em){	
	.flex-container {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto ;
	justify-content: center;
	margin: 0 auto;
		
	}
	.flex-item2 {
	width:100%;	
	padding:0 10px;
	border:0px;
		max-width:380px;
		}
}
.article-gray a {
	color:#c7ffeb!important;
	font-weight:700;
}
	#entry {
		background-color:#607d8b;
	}