body {font-family:"DejaVu Sans",Tahoma,sans-serif;background-color:hsl(200,80%,75%);}
/* large areas */
div.main {min-height:70%;}
div.contents {
  background-color:hsl(0,0%,100%);
  /*border:5px solid #000000;*/
  /*border-radius:20px; - radius will not appear on mobile*/
  box-shadow:-2px -2px 5px #000,2px -2px 5px #000,-2px 2px 5px #000,2px 2px 5px #000;
  margin-top:5px;
  margin-bottom:5px;
  padding:5px;
}
img {
  max-width: 100%;
  height: auto;
}
@media (min-width:576px){
  div.contents {border-radius:20px;}
}

/* shrinking for various sizes */
div.top {height:260px;}
svg#svg-logo {height:260px;width:260px;}
@media (max-width:992px){
  body {font-size:95%;}
}
@media (max-width:992px){
  body {font-size:90%;}
  div.top {height:200px;}
  svg#svg-logo {height:200px;width:200px;}
}
@media (max-width:768px){
  body {font-size:80%;}
  div.top {height:150px;}
  h1.site-title, h2.site-tagline {font-size:200%;}
  svg#svg-logo {height:150px;width:150px;}
}
@media (max-width:575px){
  div.top {height:200px;}
  div.title-box {height:75px;}
  h1.site-title, h2.site-tagline {font-size:200%;}
  body {font-size: 75%;}
  div.logo-space, div.title-box {text-align:center;}
  h1.site-title, h2.site-tagline {text-align:center;}
  svg#svg-logo {height:110px;width:110px;}
  a.nav-link {padding:3px;}
}

div.top, div.bottom {background-color:hsl(240,80%,50%);color:hsl(0,0%,100%);}
div.top-menu {background-color: hsl(240,100%,20%);color:hsl(0,0%,100%);text-align:center;}
div.top a, div.bottom a {color:hsl(180,50%,75%);}
h1.site-title a,h2.site-tagline a {color:hsl(0,100%,100%);font-size:120%;
  text-shadow:1px 1px 2px hsl(240,100%,50%),-1px 1px 2px hsl(240,100%,50%),-1px -1px 2px hsl(240,100%,50%),1px -1px 2px hsl(240,100%,50%);}
h1.site-title a {font-size:120%;}
h2.site-tagline a {font-size:100%;}
@media (min-width:576px){h1.site-title, h2.site-tagline {text-align:right;}}
div.title-box {margin:10px auto;}

/*page heading*/
h1.page-heading {text-align:center;}
div.post-description {text-align:center;font-size:90%;padding-bottom:20px;}
h2.archive-heading {text-align:center;}

div.comments {background-color: hsla(0,100%,100%,50%);padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;margin:10px;}
textarea#comment,input#author,input#email,input#url {max-width:100%;}

@media (min-width:768px){
  div.widgets-area {border-left:5px solid #000000;padding-left:10px;height:100%;}
}
@media (max-width:767px){
  div.widgets-area {border-top:5px solid #000000;padding-top:10px;}
  div.comments {margin:0px;}
}
/* menus/widgets */
h2.side-widget{color:hsl(240,80%,50%);}
div.bottom-text{text-align:center;width:100%;}
div.header-has-image{background-repeat: no-repeat;background-size: cover;background-position: center;}
a.nav-link,a.navbar-brand {color:hsl(180,100%,80%);}
li.menu-item {margin-left:-10px;}
button#navbar-button {z-index:10 !important;color:yellow;}

/* navbar */
div.category-connect {margin:10px;}
@media (min-width:768px){
  div.category-left {text-align:left;}
  div.category-center {text-align:center;}
  div.category-right {text-align:right;}
}
@media (max-width:767px){
  div.category-left, div.category-center, div.category-right {text-align:center;}
  div.category-center {padding-top:5px;padding-bottom:5px;}
}
@media (min-width:576px){
  a.nav-link {margin-left:5px;}
}

/*search results*/
span.search-results {color:hsl(240,100%,50%);}
div.bottom-text {text-align:center;}

/*image captions*/
figcaption {text-align:center;font-style:italic;}