.hero {text-align: center;padding: 50px 20px; background-color: #f4f4f4; }
.archive-ioahdr {text-align: center;margin: 30px 0;}
.cta {text-align: center;padding: 40px;background-color: #e9ecef;}
.btn {text-decoration: none;padding: 10px 20px;border-radius: 5px;}
.btn-primary {background-color: #333;color: #fff;}
.btn-secondary {background-color: #6c757d;color: #fff;}
.entry-header {text-align: center;}
.entry-header h1 {font-weight: bold;}
.entry-header p {font-size: 1.2rem;color: #666;}
.page-featured-image {position: relative; display: inline-block; overflow: hidden;}
.page-list article h2 {  font-size: 20px; position: absolute; line-height: normal; bottom: 0; left: 0; 
width: 100%; min-height: 38%; color: #fff; background-color: rgba(0, 0, 0, 0.5); padding: 10px;margin: 0;
text-align: center;box-sizing: border-box;}
.front-page .entry-header {background-color: #f4f4f4; margin: 2em 0em 1em; padding: 0.5em 0em 1px;}



@media screen and (max-width: 360px) {
.page-list {display: block;}
.page-list article {width: 100%; padding: 1em 0em;}
.page-list .page-featured-image {display: block;} 
.page-list article h2 {min-height: inherit;} 

}