/* Sticky footer styles
-------------------------------------------------- */
html {
  height:auto;
  position: relative;
  min-height: 100%;
}
body {
  
  min-height: 100%;
  
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  
  height: 30px;
  
}
.wrapper {
  margin-bottom: 30px;
}

.footer:after {
  content:""; display:block;
}

.footer, .wrapper:after {
  height:30px;
}

#pic {
  width: 220px;
  height: 220px;
  object-fit: cover; 
  max-width:100%; 
  max-height:100%;
  float:left;
  margin: 0px 15px 10px 0px;
}

@media only screen and (max-width: 991px) {
  #test-top {
    margin-top: 160px;
  }
  #pub-top {
    margin-top: 60px;
  }
  #about-top {
    margin-top: 40px;
  }
  #pic {
    width: 180px;
    height: 180px;
  }
  #list-top {
    margin-top: 50px;
  }
  .addy {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #test-top {
    margin-top: 80px;
  }
  #pub-top {
    margin-top: 20px;
  }
  #about-top {
    margin-top: 0px;
  }
  #list-top {
    margin-top: 50px;
  }
}

.icon {
  width: 30px; 
  height: 30px;
  margin-right: 15px;
}

.contact {
  font-size: 14pt;
  font-weight: 500;
  width:auto;
  text-align:center;
}

.contactbox {
  padding: 0px 0px 0px 0px;
  height:60px;
}

.grey {
  background-color: grey;
}

.leftarrow {
  background-image: left.png;
}

.rightarrow {
  background-image: right.png
}

.carousel-control .glyphicon-chevron-right:before {
       content: " ";
       display:block;
       background:url('right.png') no-repeat;
       width:30px;
       height:30px;
   }

.carousel-control .glyphicon-chevron-left:before {
       content: " ";
       display:block;
       background:url('left.png') no-repeat;
       width:30px;
       height:30px;
   }

a {
  color: inherit; 
  text-decoration: inherit; 
}

body {
  background-color: #f2f5ff;
}

.text {
  font-size: 14pt;
}

#living {
  display: none;
}

#dead {
  display: none;
}

.myButton {
  -moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
  -webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
  box-shadow:inset 0px 1px 3px 0px #91b8b3;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
  background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
  background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
  background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
  background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
  background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
  background-color:#768d87;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:1px solid #566963;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:11px 23px;
  text-decoration:none;
  text-shadow:0px -1px 0px #2b665e;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
  background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
  background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
  background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
  background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
  background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
  background-color:#6c7c7c;
}
.myButton:active {
  position:relative;
  top:1px;
}

.blah {
  text-align:center !important;
}

p {
  font-size: 120%;
}

.navbar-inverse .navbar-nav > .covid > a,
.navbar-inverse .navbar-nav > .covid > a:hover,
.navbar-inverse .navbar-nav > .covid > a:focus {
  background-color: rgb(51,0,0);
}