@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;1,500&display=swap');
@font-face { font-family: Lato; src: url(lato.woff); }
body { font-family: Lato; font-size: 12pt; }
div.jumbotron { 
 height:400px;
 background-image: url("archiback.jpg");
 background-color: #cccccc; 
 margin-top:4em; margin-bottom:2em; }
ul { list-style-type: square; list-style-position: outside; padding-left:1em; }
h2:not(:first-child) { margin-top:1.5em; margin-bottom: 0.5em; } 
h2 { font-weight: bold; }
li, p { text-align:justify; hyphens: auto }
p:not(:first-child) {margin-top: 0.5em; }
ul li {margin-top: 0.8em; }
#s4f { height:12em; }
.quote { color:#A9A9A9; } 
footer { padding-top:2em; padding-bottom:5em;}
.logo { width: 27em; vertical-align: bottom; margin-bottom:3em; }
.module { background-color:#EFEFEF; min-height:10em; margin:0.3em; }
h1, h2, h3, h4, .caption { font-family: 'IBM Plex Sans', sans-serif}
.feature { background-color:#EFEFEF; padding:1em; margin-top:1em; } 
.feature .caption { font-weight:bold; margin-top:0; } 
.feature p:last-child { margin-bottom:0; }
.feature:last-child { margin-bottom:1em; }
.service { background-color: #bdcfdaff; box-shadow: 1px 1px 10px #CECECE; }