@charset "UTF-8";

.title {
   height: 310px;
   background-image: url(../img/kittens/bg-main.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   color: #ffffff;
   text-shadow: 2px 2px 6px #000000;
}

.title h1 {
   font-family: 'Montserrat', sans-ferif;
   font-size: 32px;
   font-weight: bold;
}

.title p {
   font-size: 14px;
   margin-top: 15px;
}

.item-list-video {
   width: 900px;
   max-width: 90%;
   margin-top: 75px;
   margin-left: auto;
   margin-right: auto;
   display: grid;
   grid-template-columns: repeat(auto-fit,210px);
   column-gap: 95px;
   row-gap: 70px;
   justify-content: center;
   align-items: center;
   text-align: center;
}

.item-list-video video {
   width: 210px;
   box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.5);
}

.item-list {
   width: 900px;
   max-width: 90%;
   margin-top: 75px;
   margin-left: auto;
   margin-right: auto;
   display: grid;
   grid-template-columns: repeat(auto-fit,210px);
   column-gap: 95px;
   row-gap: 70px;
   justify-content: center;
   align-items: center;
   text-align: center;
}

.item-list li {
   border: thick groove silver;
   box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.5);
}

.item-list dl {
   margin-top: 20px;
}

.item-list dt {
   font-weight: bold;
}

.item-list dd {
   font-size: 13px;
}

.item-list p {
   border: thick groove silver;
}

.item-list img {
   box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.5);
}


.footer {
   margin-top: 100px;
}

@media (max-width: 800px) {
   .item-list {
      margin-top: 45px;
      row-gap: 45px;
   }
}