body { background-color: #a0aa6d; color: #697335; font-family: "Georgia Pro", Georgia, serif; font-size: 16px; line-height: 1.6326530612; margin: 0; padding: 0; } a { background-color: transparent; color: #337ab7; text-decoration: none; } a:active, a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a.label:focus, a.label:hover { color: #fff; cursor: pointer; text-decoration: none; } nav { padding-right: 15px; } footer { margin-bottom: 1em; margin-top: 1em; text-align: center; } h1 { font-weight: normal; line-height: 1.1; font-size: 36px; font-style: italic; margin-top: 0; padding-bottom: 0.25em; padding-top: 150px; } h2 { font-size: 30px; font-weight: normal; line-height: 1.1; margin-bottom: 10px; margin-top: 20px; } h3 { font-size: 24px; font-weight: normal; line-height: 1.1; margin-bottom: 10px; margin-top: 20px; } h4 { font-size: 18px; font-weight: normal; line-height: 1.1; margin-bottom: 10px; margin-top: 10px; } header { background-image: url("/_assets/img/branches.gif"); background-repeat: no-repeat; } main { padding-left: 15px; } q { quotes: "“" "”" "‘" "’"; } q::before { content: open-quote; } q::after { content: close-quote; } .pageWrapper { background-color: #e9eccf; margin-left: 2em; margin-right: 2em; } .contentWrapper { display: flex; flex: 1 10em; } .header { background: linear-gradient(180deg, #e8ecd1 0%, #d1d7b1 100%); } .img-thumbnail { -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; display: inline-block; height: auto; line-height: 1.42857143; max-width: 100%; padding: 4px; transition: all .2s ease-in-out; } .label { background-color: #777; border-radius: .25em; color: #fff; display: inline; font-family: ui-rounded, "Hiragino Maru Gothic ProN", Quicksand, Comfortaa, Manjari, "Arial Rounded MT", "Arial Rounded MT Bold", Calibri, source-sans-pro, sans-serif; font-size: 75%; font-weight: bold; line-height: 1; padding: .2em .6em .3em; text-align: center; vertical-align: baseline; white-space: nowrap; } .label[href]:focus, .label[href]:hover { background-color: #5e5e5e; } .pull-right { float: right; margin-left: 1em; } @media only screen and (max-width: 768px) { h1, h2 { padding-left: 0.5em; } nav { margin-left: 1em; margin-right: 1em; padding-top: 20px; } .contentWrapper { flex-direction: column; } } /* Desktop styles */ @media only screen and (min-width: 768px) { h1 { padding-left: 3em; } h2 { padding-left: 2em; } main { flex-grow: 1; width: max-content; } nav { flex-shrink: 0; margin-right: 1em; width: 194px; } .contentWrapper { flex-direction: row; } }