.body-container {
   background-color: #221d2e;
   
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
}
.logo {
    width: 300px;
    margin: auto;
    margin-top: 5px;
}
@media (max-width: 700px) {
   .body-container {
      background-size: cover;
   }

    .logo {
        width: 200px;
        margin: auto;
        margin-top: 5px;
    }

}


@media (max-width: 998px) {
   .countdown-items {
      font-size: 0.8em;
   }
}

@media (max-width: 400px) {
   .countdown-items {
      font-size: 0.75em;
   }

    .logo {
        width: 200px;
        margin: auto;
        margin-top: -5px;
    }
}

.countdown-item {
   display: inline-block;
   width: 9.5em;
   height: 9.5em;
   margin: 0.5em;
}