.page-content {
    width: 100%; max-width: 980px; margin: 0 auto; padding: 20px; 
    box-sizing: border-box; 
}

div.themed {
    padding: 2px; 
    margin-top: 20px; 
}

#page-navigation ul {
    display: block; width: 100%; 
    margin: 0px; padding: 0px; list-style-type: none; box-sizing: border-box; 
}

#page-navigation ul li {
    display: inline-block; 
}

#page-navigation ul li:not(:first-child){
    margin-left: 10px; 
}

#activity-pages {
    width: 100%;
    max-width: 980px; margin: 0px auto; 
    overflow: hidden; 
    box-sizing: border-box; 
    white-space: nowrap; 
    font-size: 0;
    background-color: #bf3948; 
    color: #fff; 
}

#activity-pages .activity-page {
    display: inline-block; 
    width: 100%; vertical-align: top; 
    max-width: 100%; white-space: normal; 
    box-sizing: border-box; 
    padding: 20px; 
    font-size: 1rem; 
}


.activity-page .section {
    margin-top: 20px; 
}


    .section ul, 
    .section ul li {
        text-align: left !important; 
    }




	@media all and (max-width: 680px){

        .page-content {
            text-align: center; 
        }
	
        #page-navigation {
            text-align: center; 
        }

        div.themed {
            padding: 2px; 
            margin-top: 110px; 
        }        
		
	}