*,
::before,
::after {
    box-sizing: border-box;
}





html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif, Apple Color Emoji, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}



body {
#    min-height: 100vh;
#    margin: 0 auto;
#    padding: 10px;
#    display: grid;
#    gap: 1vw;
#    grid-template-rows: min-content 1fr min-content;
	#background-color: rgba(0, 0, 0, 0.8);
}


a {
    color: currentColor;
}

h1 {
  font-family: verdana;
  font-size: 300%;
}

footer {
    #border-top: 2px;
	#padding: 1rem 1rem 1rem;
}

header {
    border-bottom: 2px;
}

.bg-img { 
       background-image: url('/media/images/background.original.jpg');
       background-position: center center;
       background-repeat:  no-repeat;
       background-attachment: fixed;
       background-size:  cover;
       background-color: #999;
}

.img-responsive {
      display: block; 
      max-width: 100%;
      height: auto;
}
 
.template-homepage main {
    text-align: center;
}

.skip-link {
    position: absolute;
    top: -30px;
}

.skip-link:focus-visible {
    top: 5px;
}

.box {
	background-color: rgba(0, 0, 0, 0.5);
}




.footer {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 1rem 1rem 1rem;
}