.hero h1 {

    color: white;
    background: lightslategrey;
    padding: 1rem 3rem;
    font-family: 'Lexend Tera', sans-serif;
    text-align: center;
}

.hero h1 div {font-size: 1.2rem;}

@media (max-width: 902px){
    .hero h1{font-size: 2rem;}
    .hero h1 div {font-size: .8rem;}
}
@media (max-width: 690px){
    .hero h1{font-size: 1.5rem;}
    .hero h1 div {font-size: .75rem;}
}
@media (max-width: 544px){
    .hero h1{font-size: 1.3rem;}
    .hero h1 div {font-size: .7rem;}
}
body{
	/* background-color: #326463; */
} 

img{
	width: 100%; 
	background-color: #326463;
}
.panel_image{
	border: .1em solid #326463; 
	border-radius: 8px;
}
.panel_div{
	background-color:#e5c59e !important; 
	border: .25em solid #16584d  !important; 
	border-radius: 8px  !important;"
}
.panel_small{
	text-align: center; 
	margin: .25em 0 .2em 0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: .85em;
	background-color:#e5c59e;
	padding-top: .7em;
}
.panel_text1{
	text-align: center; 
	margin: .25em 0 .2em 0; 
	font-family:Times Serif; 
	font-size: 1.2em;  
	font-style:italic;"
}
.panel_text2{
	text-align: center; 
	margin-bottom: .2em; 
	font-family:Times Serif; 
	font-weight: 800; 
	font-size: 0.89em;	
}
.panel_text3{
	text-align: center; 
	font-family:Times Serif; 
	font-weight: 600; 
	font-size: 1.2em; "
}
.myrow{
	background-color:c;
	padding-top: 1.5em;
}
.div-image{
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	height: 190px;
	width: 260px;
	margin: 0 auto;
}
.heading-contact{
  font-size: 1.1em;
  font-family: 'Lexend Tera', sans-serif;
  float: left;
  text-align: center;
  font-weight: 700
    color: paleturquoise
}
.pagecont{
  margin: 0 auto;
max-width: 70rem;
width: 100%;
  
}
#listings{
  margin-top: 3rem;
}

.panel.callout {
  border-top-color: lightslategrey !important;
  border-bottom-color: lightslategrey !important; 
  border-right-color: lightslategrey !important; 
  border-left-color: lightslategrey !important; 
  
}