body {
font-family: 'Josefin Sans', sans-serif;
background-color: #d4d4d4; 
color: #000000; 
font-size: 20px; 
}  
  
a { 
color: #000000; 
} 
  
h1 {
font-size: 60px; 
color: #000000;
}

h1 a {
text-decoration: none;
}

h3 {
font-size: 40px; 
color: #000000;
} 
.menu {
font-size: 25px;
word-spacing: 30px;
}

.menu a {
letter-spacing: 5px;
word-spacing: normal;
}

.sock {
padding: 30px;
}

img {
display: block;
height: auto;
width: 100%;
padding: 0px;
margin: 0px;
}

.images img {
display: inline;
height: auto;
width: 50%;
padding: 30px;
margin: 0px;
}

.images_small img {
display: block;
height: auto;
width: 100%;
padding: 0px 0px 60px 0px;
margin: 0px;
}

img{
pointer-events:none;
}

.caption {
display: absolute;
}

.footer {
text-align: center;
}

.footer a {
margin: 20px;
}

.container-fluid {
--bs-gutter-x: 0px;
}

.row {
--bs-gutter-x: 0px;
}


@media (max-width: 683px) {

svg {
width: 25px;
height: 25px;
}

.footer a {
margin: 2px;
}

}