h1{
text-align: center;
}
.intro{
text-align: center;
}
/* Container holding the gallery */
.gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
padding: 16px;
}

/* Each image item */
.gallery-item {
border: 2px solid #ccc;
border-radius: 8px;
overflow: hidden;
position: relative;
text-align: center;
padding: 10px;
background-color: #f2f2f2;
}

.gallery-item img {
width: 100%;
height:min-content;
}

/* Text description */
.description {
padding: 0px;
background-color: #f2f2f2;
font-size: .8rem;
}

/* Text description */
.workoutdescription {
padding: 2px 10px 2px 10px;
background-color: #ffffff;
font-size: 1rem;
}


/* Hover effect */
.gallery-item:hover {
border-color: #777;
}

/* Navigation Menu */
.nav {
overflow: hidden;
background-color: rgba(244, 244, 244, .5);
border:.1rem;
border-style: solid;
border-color: rgb(0,0,0);
}

.nav a {
float: left;
display: block;
color: rgb(0,0,0);
font-weight: bold;
font-family: Georgia, 'Times New Roman';
padding: 14px 20px;
text-align: center;
text-decoration: none;
}
.nav .icon {
display: none;
}

/* Responsive layout for smaller screens */
@media (max-width: 768px) {
.gallery {
grid-template-columns: repeat(2, 1fr);
}
.gallery-item img {
width: 70%;
height: 70%;
}
}

/* More specific layout for iPhones */
@media (max-width: 490px) {
.gallery {
grid-template-columns: 1fr;
}
.gallery-item img {
width: 400px;
height: 400px;
}
}