h1 {text-align: center;}


section {
  padding: 0 1em;
}

.grid
 {
  display: grid;
  grid-template-columns: repeat(2,250px);  /* 3 columns */
  grid-template-rows: repeat(4,250px); /* 3 rows  */
  grid-gap:50px 30px; /* 50 pixels of space added between rows and 30 pixels added between columns  */
}

.grid-item{
  border:thin gray solid;
   padding:5px;
  /*padding-bottom:25px;*/
    
}




img {
  width: 100%;
}

fieldset {
    padding-top: 0.0em;
	border : 0px;
}

.bestbtn {
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 10px;
	border-radius: 8px;
	width: 60px
}

.layered-image {
  position: relative;
}

.layered-image layerd-image2 img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 300px;
  width: 300px;
}

.image-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 300px;
  width: 300px;
  opacity: .4
}

#map { height: 180px; }


.page-wrapper {
  margin: 15px;
  background-color: grey;
  width: 600px;
}

.loc-wrapper {
  margin: 15px;
  background-color: #D3D3D3;
  width: 600px;
}

.loc-wrapper h1 h2 h3 h4 h5 h6 h7 h8 h9{
    color: white;
    text-align: center;
}

.rad-row {
  margin: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}


.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  /*background-color: red;*/
}

.hdrcolumn {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  width 200px;
  /*background-color: red;*/
}

.location-column {
  /*background-color: orange;*/
  flex-basis: 100%;
  height: 130px;
}

.synopsis-column {
  /*background-color: green;*/
  height: 130px;
  width: 290px;
  flex: 1;
}

.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 2;
/*  background-color: blue;*/
}




.container {
  display: flex;
  flex-direction: row;
7  flex-wrap: wrap;
}

.item {
  margin: 6px;
  border: 6px solid light gray;
}
.center {
  margin: auto;
  width: 50%;
//  border: 3px solid green;
  padding: 10px;
  text-align: center;
}

p {
  font-size: 8px;
}

label {
  font-size: 8px;
  text-align: left;
/*  display: block; */
  width: 400px;
}  
  
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}
  
.svgdiv {
 display: block;
 float : left 
}


img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

.imgbox {
  height: 180px;
  width: 180px; 
}

.verttextbox{
	align-items: center;	
}


.loccolumn{
	border: 3px solid green;
	padding: 10px;
	display: table;
  
}