/*
 * Theme Name: Peaceful
 *
 * Layout: content-centered
 *
 * Learn more: https://developer.wordpress.org/themes/basics/template-files/
*/

.site-content{
    width: 1000px;
    width: 62.5rem;
    margin: -3em auto 0rem;
    z-index:1;
    position: relative;
}
.content-area {
    display: block;
}

.site-main-single{
 background: #fff;   
}
.site-footer {
    background: #2b2b2b;
    background: hsla(0, 0%, 17%, 1);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    clear: both;
    width: 100%;
    margin: auto;
    float: none;
}
.entry-title{
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    padding-top: 0em;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-footer,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation {
    position: relative;
    max-width: 780px;
    max-width: 43.5em;
    padding: 1em 2em;
    margin: 0 auto;
    
}
 
.entry-header-featured-single{
    position: relative;
    max-width: 930px;
    max-width: 52em;
    max-height: 500px;
    padding-top: 2em;
    margin: 0 auto;  
    overflow: hidden;
}
.entry-header-featured-index{
    position: relative;
    max-width: 930px;
    max-width: 52em;
    max-height: 300px;
    padding-top: 2em;
    margin: 0 auto;  
    overflow: hidden;
}
.cat-links,
.entry-meta,
.entry-title{
    z-index:100;
    
}
.page-box{
    margin: 0 auto;
    background: #fff;
    background: hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 90%);  
}
.index-box{
    margin: 0 auto 2em;
    background: #fff;
    background: hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 90%);
    
}

.paging-navigation,
.page-header{
    padding-top: 1em;
    padding-bottom: 1em;
    list-style-type: none;
    background: #fff;
}  
.page-header {
    margin-top: 1em;
    margin-bottom: 1em;
    background: hsla(0, 0%, 100%, .8);
    border: 1px solid hsl(0, 0%, 90%);
}

.center-nav{
    margin: auto;
    width: 50%;
}

@media screen and (max-width: 700px) {  
    .center-nav {
        width: 100%;
        margin: auto;
    }
}
@media screen and (max-width: 1000px) {  
    .site-content {
        width: 100%;
        margin: 0 auto;
        
    }
    .content-area {
        display: block;
        padding-top: 3.5em;
    }
    
}

@media screen and (max-width: 1000px) {  
    .site-content .widget-area {
        width: auto;
        max-width: 780px;
        float: none;
        margin: 1em auto 0;
    }
}

/* Content Responsive*/
@media screen and (max-width: 1000px) {  
        .entry-header,
        .entry-content,
        .entry-footer,
        .tag-links,
        .post-navigation,
        .comments-area,
        .paging-navigation {
                width: 100%;
                padding: 1em 0.5em;
            }
       }