@-webkit-viewport {
    width: device-width;
    zoom: 1;
}
@-moz-viewport {
    width: device-width;
    zoom: 1;
}
@-ms-viewport {
    width: device-width;
    zoom: 1;
}
@-o-viewport {
    width: device-width;
    zoom: 1;
}
@viewport {
    width: device-width;
    zoom: 1;
}
*,
:after,
:before {
    box-sizing: border-box;
}
html {
    font-family: "Helvetica Neue", Arial, sans-serif;
    overflow-y: scroll;
    text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
cite,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img,
video {
    max-width: 100%;
    height: auto;
}
embed,
iframe,
object {
    max-width: 100%;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 80em;
    width: 88%;
}
.row {
    margin-left: -1.4%;
    margin-right: -1.4%;
}
.grid-dynamic,
.grid-fifth,
.grid-fourth,
.grid-full,
.grid-half,
.grid-sixth,
.grid-third,
.grid-three-fourths,
.grid-two-thirds {
    float: left;
    padding-left: 1.4%;
    padding-right: 1.4%;
    width: 100%;
}
.grid-flip {
    float: right;
}
@media (min-width: 20em) {
    .row-start-xsmall .grid-sixth {
        width: 15%;
    }
    .row-start-xsmall .grid-fifth {
        width: 20%;
    }
    .row-start-xsmall .grid-fourth {
        width: 25%;
    }
    .row-start-xsmall .grid-third {
        width: 33.33333%;
    }
    .row-start-xsmall .grid-half {
        width: 50%;
    }
    .row-start-xsmall .grid-two-thirds {
        width: 66.66667%;
    }
    .row-start-xsmall .grid-three-fourths {
        width: 75%;
    }
    .row-start-xsmall .grid-full {
        width: 100%;
    }
}
@media (min-width: 30em) {
    .row-start-small .grid-sixth {
        width: 15%;
    }
    .row-start-small .grid-fifth {
        width: 20%;
    }
    .row-start-small .grid-fourth {
        width: 25%;
    }
    .row-start-small .grid-third {
        width: 33.33333%;
    }
    .row-start-small .grid-half {
        width: 50%;
    }
    .row-start-small .grid-two-thirds {
        width: 66.66667%;
    }
    .row-start-small .grid-three-fourths {
        width: 75%;
    }
    .row-start-small .grid-full {
        width: 100%;
    }
}
@media (min-width: 40em) {
    .grid-sixth {
        width: 15%;
    }
    .grid-fifth {
        width: 20%;
    }
    .grid-fourth {
        width: 25%;
    }
    .grid-third {
        width: 33.33333%;
    }
    .grid-half {
        width: 50%;
    }
    .grid-two-thirds {
        width: 66.66667%;
    }
    .grid-three-fourths {
        width: 75%;
    }
    .grid-full {
        width: 100%;
    }
    .offset-sixth {
        margin-left: 15%;
    }
    .offset-fifth {
        margin-left: 20%;
    }
    .offset-fourth {
        margin-left: 25%;
    }
    .offset-third {
        margin-left: 33.33333%;
    }
    .offset-half {
        margin-left: 50%;
    }
    .offset-two-thirds {
        margin-left: 66.66667%;
    }
    .offset-three-fourths {
        margin-left: 75%;
    }
    .offset-full {
        margin-left: 100%;
    }
}
@media (min-width: 20em) {
    .grid-dynamic {
        width: 50%;
    }
}
@media (min-width: 30em) {
    .grid-dynamic {
        width: 33.33333%;
    }
}
@media (min-width: 40em) {
    .grid-dynamic {
        width: 25%;
    }
}
body {
    background: #fff;
    color: #272727;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 100%;
    line-height: 1.5;
}
@media (min-width: 40em) {
    body {
        line-height: 1.5625;
    }
}
h1,
h2,
h3,
h4 {
    color: #002f32;
    font-family: Georgia, Times, serif;
}
p {
    margin: 0 0 1.5625em;
}
.link-block-styled,
a {
    background-color: transparent;
    color: #0077b5;
    text-decoration: none;
}
.link-block-styled:active,
.link-block-styled:hover,
.link-block:hover .link-block-styled,
a:active,
a:hover {
    outline: 0;
}
.link-block-styled:active,
.link-block-styled:focus,
.link-block-styled:hover,
.link-block:hover .link-block-styled,
a:active,
a:focus,
a:hover {
    color: #004569;
    text-decoration: underline;
}
.link-block-styled img,
a img {
    border: none;
    background: 0 0;
}
.link-block.link-block-styled,
a.link-block {
    color: #272727;
    display: block;
    text-decoration: none;
}
ol,
ul {
    margin: 0 0 1.5625em 2em;
    padding: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
dd,
dl {
    margin: 0;
    padding: 0;
}
dd {
    margin-bottom: 1.5625em;
}
dt {
    font-weight: 700;
}
.list-unstyled {
    margin-left: 0;
    list-style: none;
}
.list-inline {
    list-style: none;
    margin-left: -0.5em;
    margin-right: -0.5em;
    padding: 0;
}
.list-inline > li {
    display: inline;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 1em;
    padding: 1em 0 0;
    word-wrap: wrap;
}
.h1,
h1 {
    font-size: 1.5em;
    padding-top: 0.5em;
}
@media (min-width: 40em) {
    .h1,
    h1 {
        font-size: 1.75em;
    }
}
.h2,
h2 {
    font-size: 2.3125em;
}
.h3,
h3 {
    font-size: 1.1875em;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
    font-size: 1em;
}
.h4,
h4 {
    text-transform: uppercase;
}
hr {
    margin: 2em auto;
    border: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0 solid #fff;
}
b,
strong {
    font-weight: 700;
}
em,
i {
    font-style: italic;
}
abbr[title] {
    border-bottom: 1px dotted;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
blockquote {
    font-size: 1.1875em;
    font-style: italic;
    margin: 0 0 1.5625em;
    padding-left: 0.84211em;
    padding-right: 0.84211em;
}
blockquote cite {
    color: gray;
    font-size: 0.84211em;
    padding-top: 1em;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
}
.btn {
    background-color: #0077b5;
    border: 1px solid #0077b5;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.2;
    margin-right: 0.3125em;
    margin-bottom: 0.3125em;
    padding: 0.5em 0.6875em;
}
.btn.active,
.btn:active,
.btn:focus,
.btn:hover,
.link-block-styled .btn:active,
.link-block-styled .btn:focus,
.link-block-styled .btn:hover,
a .btn:active,
a .btn:focus,
a .btn:hover {
    background-color: #004569;
    border-color: #004569;
    color: #fff;
    text-decoration: none;
}
.btn-secondary {
    background-color: gray;
    border-color: gray;
}
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.link-block-styled .btn-secondary:active,
.link-block-styled .btn-secondary:focus,
.link-block-styled .btn-secondary:hover,
a .btn-secondary:active,
a .btn-secondary:focus,
a .btn-secondary:hover {
    background-color: #5a5a5a;
    border-color: #5a5a5a;
}
.btn.active,
.btn:active {
    box-shadow:
        inset 0 0.15625em 0.25em rgba(0, 0, 0, 0.15),
        0 1px 0.15625em rgba(0, 0, 0, 0.05);
    outline: 0;
}
.btn.disabled,
.btn[disabled] {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}
.btn-large {
    font-size: 1em;
    line-height: normal;
    padding: 0.6875em 0.9375em;
}
.btn-block,
input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    display: block;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}
.btn,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    -webkit-appearance: none;
}
.btn:last-child,
input.btn {
    margin-right: 0;
}
.icon {
    display: inline-block;
    fill: currentColor;
    height: 0;
    width: 0;
}
.svg .icon {
    height: 1em;
    width: 1em;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5625em;
    max-width: 100%;
    width: 100%;
}
td,
th {
    text-align: left;
    padding: 0.5em;
}
th {
    border-bottom: 0.125em solid #e5e5e5;
    font-weight: 700;
    vertical-align: bottom;
}
td {
    border-top: 1px solid #e5e5e5;
    vertical-align: top;
}
.table-striped tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.table-condensed td,
.table-condensed th {
    padding: 0.25em;
}
@media (max-width: 40em) {
    .table-responsive thead {
        display: none;
        visibility: hidden;
    }
    .table-responsive tr {
        border-top: 1px solid #ededed;
        display: block;
        padding: 0.5em;
    }
    .table-responsive td {
        border: 0;
        display: block;
        padding: 0.25em;
    }
    .table-responsive td:before {
        content: attr(data-label);
        display: block;
        font-weight: 700;
    }
}
.logo-navbar,
.logo-navbar:hover {
    color: #272727;
    text-decoration: none;
}
.nav-wrap-navbar {
    text-align: center;
}
.logo-navbar {
    display: inline-block;
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 0.5em;
}
@media (min-width: 40em) {
    .nav-wrap-navbar {
        text-align: left;
    }
    .js-astro .nav-collapse .logo-navbar,
    .logo-navbar {
        float: left;
    }
}
@media (max-width: 40em) {
    .js-astro .nav-wrap-navbar.nav-collapse {
        text-align: left;
    }
    .js-astro .nav-collapse .nav-menu-navbar {
        box-sizing: border-box;
        display: none;
        width: 100%;
    }
    .js-astro .nav-collapse .nav-menu-navbar.active {
        display: block;
    }
    .js-astro .nav-collapse .nav-menu-navbar li {
        display: block;
        width: 100%;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        box-sizing: border-box;
    }
    .js-astro .nav-collapse .nav-navbar {
        text-align: left;
    }
}
.nav-navbar {
    list-style: none;
    margin: 0 -0.5em;
    padding: 0;
}
.nav-navbar > li {
    display: inline-block;
    float: none;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
@media (min-width: 40em) {
    .nav-navbar {
        text-align: right;
    }
}
.nav-toggle-navbar {
    display: none;
    visibility: hidden;
}
@media (max-width: 40em) {
    .js-astro .nav-collapse .nav-toggle-navbar {
        display: block;
        float: right;
        visibility: visible;
    }
}
.nav-wrap-navbar:after,
.nav-wrap-navbar:before {
    display: table;
    content: "";
}
.nav-wrap-navbar:after {
    clear: both;
}
.text-small {
    font-size: 0.9375em;
}
.text-large {
    font-size: 1.1875em;
    line-height: 1.4;
}
@media (min-width: 40em) {
    .text-large {
        font-size: 1.3125em;
    }
}
.text-muted {
    color: gray;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
@media (min-width: 40em) {
    .text-right-medium {
        text-align: right;
    }
}
.float-left {
    float: left;
}
.float-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.float-right {
    float: right;
}
.no-margin-top {
    margin-top: 0;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.margin-top {
    margin-top: 1.5625em;
}
.margin-bottom {
    margin-bottom: 1.5625em;
}
.margin-bottom-small {
    margin-bottom: 0.5em;
}
.margin-bottom-large {
    margin-bottom: 2em;
}
.no-padding-top {
    padding-top: 0;
}
.no-padding-bottom {
    padding-bottom: 0;
}
.padding-top {
    padding-top: 1.5625em;
}
.padding-top-small {
    padding-top: 0.5em;
}
.padding-top-large {
    padding-top: 2em;
}
.padding-bottom {
    padding-bottom: 1.5625em;
}
.padding-bottom-small {
    padding-bottom: 0.5em;
}
.padding-bottom-large {
    padding-bottom: 2em;
}
.screen-reader,
.svg .icon-fallback-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.screen-reader-focusable:active,
.screen-reader-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
[hidden],
template {
    display: none;
    visibility: hidden;
}
.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.row:after,
.row:before {
    display: table;
    content: " ";
}
.clearfix:after,
.container:after,
.row:after {
    clear: both;
}
@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    @page {
        margin: 0.5cm;
    }
    .link-block-styled,
    .link-block-styled:visited,
    a,
    a:visited {
        text-decoration: underline;
    }
    [href].link-block-styled:after,
    a[href]:after {
        content: " (" attr(href) ")";
    }
    [href^="#"].link-block-styled:after,
    a[href^="#"]:after {
        content: "";
    }
    h1,
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h1,
    h2,
    h3 {
        page-break-after: avoid;
    }
    blockquote,
    pre {
        border-color: #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    img,
    tr {
        page-break-inside: avoid;
    }
}
h1,
h2,
h3 {
    color: #de7209;
}
h2 small {
    color: gray;
}
.link-block-styled,
a {
    transition: all 0.3s linear;
    margin: -0.25em;
    padding: 0.25em;
}
#contact {
    background-color: #ededed;
}
section {
    border-bottom: 1px solid #e5e5e5;
}
section {
    padding: 1em 0;
}
.logo-navbar {
    background: url(img/logo.png) 0 0 #fff;
    color: transparent;
    height: 75px;
    width: 300px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.site-header .nav-menu-navbar {
    margin-top: -0.55em;
}
.gravatar {
    max-width: 300px;
    margin: 1em auto;
}
.gravatar img {
    border: 1px solid #e5e5e5;
    background-color: #f8b383;
}
.gravatar figcaption {
    text-align: center;
    color: #999;
}
.intro {
    font-size: 2em;
    max-width: 500px;
}
.site-footer {
    margin-bottom: 2em;
}
.consulting-hours {
    background-color: rgba(247, 247, 245, 0.75);
}
.consulting-hours th {
    font-family: Georgia, Times, serif;
}
.btn {
    border-radius: 0.25em;
    margin: 0.5em 0;
    border-color: currentColor;
}
#share .btn {
    font-size: 1.2em;
}
.btn:hover {
    border-color: currentColor;
}
#contact .btn {
    margin-right: 0.75em;
}
.btn-tweet {
    background-color: #41b7d8;
}
.btn-tweet:hover {
    background-color: #279ebf;
}
.btn-facebook {
    background-color: #3b5997;
}
.btn-facebook:hover {
    background-color: #2d4372;
}
.btn-google {
    background-color: #d64937;
}
.btn-google:hover {
    background-color: #b53525;
}
.btn-linkedin {
    background-color: #0073b2;
}
.btn-linkedin:hover {
    background-color: #00527f;
}
@media screen and (min-width: 40em) {
    .consulting-hours {
        max-width: 40em;
    }
    .gravatar {
        margin: 0 0;
    }
    .full-width {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
    #banner {
        background: url(img/heart-rate.png) center center
            repeat-x #fff;
        background-size: 160px 120px;
    }
    #contact {
        background: url(img/stethoscope.png) bottom right
            no-repeat #ededed;
    }
    #contact .vcard {
        background-color: rgba(237, 237, 237, 0.75);
    }
}
html {
    scroll-behavior: smooth;
}
.alert {
    background-color: #DFDDDC;
    color: #002f32;
    font-family: Georgia, Times, serif;
    text-align: center;
    margin-top: 1em;
}
.alert p {
    color: #002f32;
    font-size: 2em;
    padding: 1em 0 1em 0;
    margin: 0;
    margin-bottom: 0;
    text-align: left;
}
.alert a {
    color: #002f32;
    font-weight: 700;
}
.site-header {
    margin-top: 1em;
}
h2 {
    margin-bottom: 0.5em;
}
.btn-google,
.btn.tel {
    text-transform: uppercase;
}
.btn-google,
.btn.tel,
.shadow {
    box-shadow:
        0 10px 16px 0 rgb(0 0 0 / 20%),
        0 6px 20px 0 rgb(0 0 0 / 19%);
}
