.sitemap {
    overflow: auto;
    clear: both;
    float: none;
}
.sitemap h1,
.sitemap h2 {
    margin: 1em 1em 1em 1em;
    color: #000;
}
.sitemap h2 {
	text-transform: uppercase;
	font-weight: normal;
    margin: 5px 0 15px;
    padding: 5px 0;
}
.sitemap h3 {
    margin: 0 0 0.5em;
    padding: 0 0 0.25em;
    border-bottom: 1px solid #ddd;
}
.sitemap h3,
.sitemap h3 a {
    color: #000;
}
.sitemap div {
	float: left;
	width: 48%;
	margin: 0 0.90% 1.5em;
}
.sitemap > div {
    overflow: auto;
}
.sitemap .clearLeft,
.sitemap > div:nth-of-type(odd),
.sitemap > div > div:nth-of-type(odd) {
    clear: left;
}
.sitemap ul {
    list-style: none;
}
.sitemap ul,
.sitemap li {
    margin: 0;
    padding: 0;
}
.sitemap a {
    display: inline-block;
    padding: 5px 0;
    text-decoration: none;
}
/* Touch Device Sizes */

/* Tablet */
@media screen and (min-width: 640px) and (max-width: 979px) {
    .sitemap > div:nth-of-type(odd),
    .sitemap > div > div:nth-of-type(odd) {
        clear: none;
    }
    .sitemap > div > div {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .sitemap > div > div:nth-of-type(3n+1) {
        clear: left; /* begin new row [1, 4, 7, 10, etc] */
    }
}

/* Smartphone */
@media screen and (max-width: 639px) {
    .sitemap {
        margin: 10px;
    }
    .sitemap h1 {
        text-align: center; 
    }
    .sitemap h2 {
        background: #333;
        color: #fff;
        padding: 10px;
        margin: 0 0 10px;
        border-radius: 5px 5px 0 0;    
    }
    .sitemap h3 {
        margin: 10px 0;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
    }
    .sitemap div {
        padding: 0;
        background: #FFF;
        margin-left:1%;
        width:98%;
    }
    .sitemap > div {
        border: 1px solid #ccc;
        border-radius: 10px;
        margin: 0 0 1rem;
        box-shadow: 0 3px 3px rgba(0,0,0,0.25); 
    }
    .sitemap > div > div {
        margin: 10px 10px 30px;
        width:92%;
    } 
}