body {
    border-top: none;
    padding-top: 20px;
    font-size: 18px;
    font-family: Verdana;
}

.block .column {
    background-color: #ddd;
    margin: 0 -10px;
    padding-left: 10px;
    padding-right: 10px;
}
.subheader {
    padding: 12px !important;	
}
@media screen and (max-width:640px) {
    h1#branding {
        padding: 10px 20px;
        text-align: right;
    }
    
    ul.main li {
        padding-left: 0.4em;
    }
    ul.main li a {
        width: 100%;
        margin-bottom: 2px;
        margin-right: 2px;
    }
    .block .column {
        width: 100%;
    }
}

@media screen and (max-width:680px) {
    h1#branding {
        font-size: 2em;
    }
}

/* big smartphones and tablets, pcs */
@media screen and (min-width:681px) {
    h1#branding {
	margin-bottom: 20px;	
    }
    ul.nav {
	height: 4.7em;
	margin-bottom: 20px;
    }
    ul.nav li a {
	padding-bottom: 20px;
	padding-top: 20px;
    }
    .block .column {	
  	padding-left: 10px;
        padding-right: 10px;
    }
    .is-shadow {
    	-webkit-box-shadow: 7px 5px 5px #2d3d38;
    	box-shadow: 7px 5px 5px #2d3d38;
    }
}

@media screen and (max-width:1049px) {
    .block .column {
        width: 100%;
    }
}

.is-obsolete {
    text-decoration: line-through;
}