/*** GENERAL ***/
* {padding: 0; margin: 0; border: 0}
html, body {height: 100%; scroll-behavior: smooth; line-height: 1.8}
p {hyphens: auto;}
.mo-hover-link-text:hover{color:#2196F3; text-decoration: underline;}
.mo-image-header-flex-container,
.mo-about-flex-container,
.mo-services-flex-container {display: flex; align-items: center; justify-content: center;}
.mo-flex-column {flex-direction: column;}
.mo-flex-row {flex-direction: row;}
.mo-flex-item {flex: 1; padding: 32px}
.mo-padding-bottom-64 {padding-bottom: 64px}

/*** IMAGE HEADER ***/
header {max-width: 900px; color: white;}
.mo-bg-image {background-image: url('../images/banner-1800x1200.jpg'); min-height: 65%; background-attachment: fixed;
background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #cccccc;}
h1.mo-image-header {margin:0; padding-bottom: 8px; font-size: 26px; line-height: 1.4!important; font-weight: bold}
.mo-transbox {background-color: darkgray;}
ul.mo-image-header {list-style: none; padding-left: 16px; text-indent: 2px; list-style: none; list-style-position: outside;}
ul.mo-image-header li:before {content: '✔'; margin-left: -1em; margin-right: .2em}
ul.mo-legal {padding-left: 12px}

/*** ABOUT ***/
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {.mo-about-flex-container {flex-direction: row;}}
ul.mo-about {padding-left: 16px}

/*** SERVICES ***/
.mo-services-flex-container {flex-wrap: wrap}
.mo-services-flex-container p {text-align: left; font-size: 16px;}
.mo-services-flex-container h3 {font-size: 1.1em}
.w3-card {width: 268px; height: 320px; margin: 10px;}
.mo-container-height {height: 48px}

/*** LEGAL ***/
/* legal section */
.mo-legal {overflow: auto; max-height: 600px}
.mo-legal h2 {font-size: 2em}
.mo-legal h3 {font-size: 1.75em}
.mo-legal h2, h3 {font-weight: 700}
.mo-legal h4 {font-size: 1.5em}

/* end of file */