@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600;700&family=Source+Sans+Pro:wght@400;600;700&display=swap');

/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,
table,tr,td,th,p,img {
        margin:0;
        padding:0;
}

img,fieldset {
        border:none;
}

hr {
        display:none; /* in my code HR are for print and non-CSS users */
}

body {
        padding:12px;
        text-align:center; /* center #pageWrapper on old browsers */
        font:normal 16px/1.6 'Source Sans Pro', arial, helvetica, sans-serif;
        color:#33404d;
        background:linear-gradient(160deg, #16345a 0%, #8fabc9 55%, #eef2f7 100%);
        background-attachment:fixed;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
}

#pageWrapper {
        min-width:1000px;
        max-width:1204px;
        margin:0 auto;
        box-shadow:0 20px 50px rgba(18,44,78,0.28);
        border-radius:6px;
}

.borderTop,
.borderBottom {
        overflow:hidden; /* wrap floats */
        height:22px;
        font-size:1px;
        background:url(images/pageWrapperBorders.png) 0 0 no-repeat;
}

.borderBottom {
        background-position:0 -22px;
}

.borderTop div,
.borderBottom div {
        float:right;
        width:22px;
        height:22px;
        background:url(images/pageWrapperBorders.png) -1258px 0 no-repeat;
}

.borderBottom div {
        background-position:-1258px -22px;
}

.borderFirstSide {
        padding-left:32px;
        background:url(images/pageWrapperBorders.png) -1282px 0 repeat-y;
}

.borderSecondSide {
        overflow:hidden;
        padding-right:32px;
        background:url(images/pageWrapperBorders.png) top right repeat-y;
}

h1 {
        position:relative;
        width:100%;
        padding:26px 0 30px;
        font:700 44px/1.15 'Lora', 'Times New Roman', serif;
        letter-spacing:-0.015em;
        color:#122c4e;
}

h1 small {
        display:block;
        margin-top:10px;
        font:600 15px/1.4 'Source Sans Pro', arial, helvetica, sans-serif;
        letter-spacing:0.12em;
        color:#c7893e;
        text-transform:uppercase;
}

h1 span {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:128px;
        background:url(images/h1Logo.png) top center no-repeat;
}

.menu {
        list-style:none;
        padding:16px 0;
        font:600 15px/1.2 'Source Sans Pro', arial, helvetica, sans-serif;
        letter-spacing:0.01em;
        border:solid #d8e0ea;
        border-width:2px 0;
}

.menu li {
        display:inline;
}

.menu a {
        padding:6px 16px;
        margin-right:-6px;
        text-decoration:none;
        color:#33404d;
        border-right:2px solid #d8e0ea;
        border-radius:999px;
        transition:color .15s ease, background .15s ease;
}

.menu .last a {
        margin-right:0;
        border:0;
}

.menu a:active,
.menu a:focus,
.menu a:hover {
        color:#122c4e;
        background:#f3e4d0;
}

.callToAction {
        font-weight:700;
        color:#c0392b;
        padding:1em 0;
}

#content {
        text-align:left;
}

.plate {
        display:block;
        margin:0 auto;
}

#content h2 {
        position:relative;
        width:100%;
        text-align:center;
        color:#122c4e;
        margin:0.5em 0 0.2em;
        padding:10px 0;
        font:700 24px/1.3 'Lora', 'Times New Roman', serif;
}

#content h2 span {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:48px;
        background:url(images/welcome.png) top center no-repeat;
}

#content p {
        padding:0.5em 0;
        font-size:16px;
        line-height:1.7;
        color:#33404d;
}

#footer {
        clear:both;
        padding:1.5em 0 8px;
        font-size:13px;
        color:#4a6382;
}

#footer .menu {
        margin-bottom:16px;
}

p {
        font-family:'Source Sans Pro', arial, helvetica, sans-serif;
        font-size:18px;
        line-height:1.8;
        color:#33404d;
        margin:0 0 24px;
}1
