.home {
  background: transparent;
  height: 100vh;
}

.home-bg {
  width: 100vw;
  height: 100vh;
  z-index: -1;
  position: fixed;
  top: 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.home-center {
  font-size: 1.5rem;
  color: white;
  margin: auto;
  min-width: 19em;
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-container {
    height: 100%;
}

.home-card {
    background-color: rgba(55, 98, 156, 0.3); /*#37629c; */
    background-image: linear-gradient(315deg, rgba(55, 98, 156, 0.3) 0%, rgba(164, 191, 239, 0.6) 74%); /* #a4bfef */
    padding: 0.5em 2em;
    height: 100%;
	border-radius: 0.4em;
}

.home-center a:hover, .home-center a:focus, .home-center a:active{
    color: #fd3519;
}

.home-logo {
 width: 150px;
 height: 150px;
 border-radius: 50%;
 margin: 0 auto;
 display: block;
 box-shadow:0 0 5px #112f41;
}

.home-title {
  margin: 0;
  text-align: center;
}

.home-subtitle {
  margin-top: 0;
  margin-bottom: 1.5em;
  text-align: center;
  line-height: normal;
  font-size: .7em;
  font-style: italic;
  opacity: .9;
}

.home-content {
    box-sizing: border-box;
    padding: 0.5em;
    font-size: 10pt;
    line-height: 1.3em;
    border: 0.1em inset #6782b4;
    background-color: silver;
    color: black;
    /* font-style: italic; */
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly; 
    align-items: center;
}

.home-content p {
    text-align: left;
    margin: 0;
}

.home-social {
  font-size: 1.4em;
  text-align: center;
  color: #fcfcfd;
}

.home-social a {
  margin: 0 .2em;
  color: #fff;
  border-bottom: 0;
}

.home-social .icon {
    fill: #fff;
    display: inline-block;
}

.home-social .icon svg {
    width: auto;
}

.home-social a:hover svg {
    -webkit-transition:fill .7s;
    -moz-transition:fill .7s;
    -ms-transition:fill .7s;
    -o-transition:fill .7s;
    transition:fill .7s;
    fill:#b9c2cb
}

.home-nav {
 /*   display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(5em, 1fr)); */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    row-gap: .7em;
    font-size: 12pt;
    margin-bottom: 2em;
}

.home-nav div {
    text-align: center;
    width: 9em;
    margin: 0.3em;
    text-transform: uppercase;
    background: rgba(55, 98, 156, 0.6);
}

.home-nav a:hover {
    font-weight: bold;
    letter-spacing: 0.1em; 
    color: white;
}

.home-footer {
  text-align: center;
  font-size: .6em;
  line-height: normal;
}

.home-footer p {
  margin-top: 0;
}

.home .accessibility {
    font-size: 11pt;
    text-align: center;
    margin: 1em auto 0 auto;
}