h1{
text-align: center;
}

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

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

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

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

/* 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) {
.video-gallery {
grid-template-columns: repeat(2, 1fr);
}
.video-item img {
width: 70%;
height: 70%;
}
}

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