html {
 scroll-padding-top: 150px; 
}

@font-face {
 font-family: Lane;
 src: url(./styles/Lane.ttf);
}

@font-face {
 font-family: ExpletusSans;
 src: url(./ExpletusSans-Regular.ttf);
}

@font-face {
 font-family: GreatVibes;
 src: url(./GreatVibes-Regular.ttf);
}

@font-face {
 font-family: Eczar;
 src: url(./Eczar-VariableFont_wght.ttf);
}

body {
 margin: 0px;
 padding: 0px;
 background-color: #eeeeee;
 color: #000000;
 font-size: 12pt;
}

*:focus {
 outline: 0;
}

h1, h2, h3, h4, h5 {
 margin: 0;
 padding: 0;
}

.wrapper {
 width: 100%;
 margin: 0 auto;
}

.header {
 height: auto;
 text-align: center;
}

.header-small {
display: none}

#menu-wrapper {
 position: fixed;
 z-index: 10;
 width: 100%;
 top: 0px;
 height: auto;
 overflow: hidden;
 background-color: #173b7f;
 text-align: center;
}

#menu-wrapper ul {
 height: 50px;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
 background-color: #fff;
 border-bottom: 5px solid #173b7f;
}

#menu-wrapper li {
 display: inline-block;
 padding: 0px 15px 0px 15px;
 line-height: 50px;
 height: 50px;
}

#menu-wrapper a li,
#menu-wrapper a li:visited {
 color: #173b7f;
 font-family: Eczar, Calibri, sans-serif;
 font-size: 20px;
}

#menu-wrapper a li:hover {
 background-color: #173b7f;
 color: #ffffff;
 border-bottom: 5px solid #ffffff;
}

#menu-wrapper .textTitle a:link {
 font-size: 40px;
 text-decoration: none;
 font-family: Eczar, Calibri, sans-serif;
 color: #ffffff;
 line-height: 40px;
}

.contentwrap {
 position: relative;
 width: 100%; 
 min-height: calc(100vh - 100px);
 text-align: center;
 z-index: 0;
 margin-top: 150px;
}

.contentwrap:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
}

.contentArea {
 top: 0px;
 position: relative;
 text-align: center;
 margin: 0px auto;
 width: 100%;
 padding: 10px 0px 10px 0px;
}

.bgWhite {
 background-color: #ffffff;
 color: #444444; 
}

.bgPurple {
 background-color: #173b7f;
 color: #ffffff; 
}

.contentBoxFlex {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: center;
}

.contentBoxWide {
 display: inline-block;
 width: 1000px;
 margin: 20px 10px 0px 10px;
 height: auto;
 vertical-align: top;
 text-align: center;
 padding: 20px 60px 10px 60px;   
}

.contentBoxWide ul li, .contentBoxWide li, .contentBoxWide ul {
 font-family: Calibri, Arial, sans-serif;
 font-size: 18px;
 letter-spacing: 1px;
 line-height: 1.5; 
}

.contentBox {
 display: inline-block;
 position: relative;
 width: 25%;
 min-width: 300px;
 margin: 20px 10px 0px 10px; 
 height: auto;
 vertical-align: middle;
 text-align: left;
 padding: 20px;
 border: 1px solid   #dddddd;
}

.contentBoxWide .imgPortrait {
 width: 400px;
}

.px25 {
 display: block;
 height: 25px;
}

.px50 {
 display: block;
 height: 50px;
}

.px100 {
 display: block;
 height: 100px;
}

h1,
h2,
h3
{
 font-family: Eczar, Calibri, sans-serif;
 margin: 0px;
}

h1 {
 font-weight: 900;
 font-size: 40px; 
}

h2 {
 font-weight: 400;
 font-size: 25px; 
}

h3 {
 font-weight: 400;
 font-size: 17px; 
}

.contentBox p,
.contentBoxWide p {
 font-family: Calibri, Arial, sans-serif;
 margin: 0px;
 margin: 0px 0px 10px 0px;
 font-size: 18px;
 letter-spacing: 1px;
 line-height: 1.5; 
}

.contentBox p a:link,
.contentBox p a:visited {
 text-decoration: none;
 color: #173b7f;
}

.contentBoxWide p a:link,
.contentBoxWide p a:visited {
 text-decoration: none;
 }

.contentBoxWide p a:hover {
 text-decoration: underline;
}

.contentBox p a:hover {
 color: #173b7f;
 text-decoration: underline;
}

.center {
 text-align: center;
}

.textJustify {
 text-align: justify;
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto; 
}

.textLeft {
 text-align: left;
}

.textRight {
 text-align: right;
}

.textWhite {
 color: #ffffff;
}

.textPurple {
 color: #173b7f;
}

.textJustrify {
 text-align: justify;
}

.blogDate {
 font-family: Eczar, Calibri, sans-serif;
 font-size: 20px;
 color: #173b7f;
 text-align: left;
 margin-bottom: -10px;
}

.blogTitle {
 font-family: Eczar, Calibri, sans-serif;
 font-size: 25px;
 color: #444444;
 text-align: left;
 font-weight: 500;
}

.blogTeaser {
 font-family: Calibri, Arial, sans-serif;
 font-size: 20px;
 color: #444444;
 text-align: left;
 font-weight: 300;
 min-height: 100px;
 margin-left: 160px;
}

.blogText {
 font-family: Calibri, Arial, sans-serif;
 font-size: 20px;
 color: #444444;
 text-align: left;
 font-weight: 300; 
 max-width: 100%;
}

/*

.blogText img {
 height: auto !important;
}

.blogText table, .blogText tr {
 max-width: 100% !important;
}

*/

.blogThumbnail {
 position: relative;
 float: left;
 width: 150px;
 margin-right: 10px;
}

.blogReadmore {
 display: absolute;
 text-align: right;
 font-size: 20px;
 color: #173b7f;
}

.contentBoxWide .blogImageInline {
 height: 300px;
}

.contentBox img,
.contentBoxWide img {
 margin-bottom: 0px;
 max-width: 100%;
 height: auto;
}



.footerArea {
 position: relative;
 clear: both;
 height: auto;
 margin: 0px auto;
 width: 100%;
 padding: 10px 0px 10px 0px;
 text-align: center;
 background-color: #173b7f;
}

.blogtitleteaser {
 color: #173b7f;
 font-size: 20px;
}

.blogthumbnail {
 width:150px;
 float: left;
 margin-right: 10px;
 border: 1px solid #aaaaaa;
}

.bloglinkteaser {
 color: #173b7f;
}

.blogtext {
 text-align: left;

}