@media (min-width: 300px) {

  :root {
    --swiper-theme-color: #E62721 !important;
}

  main {
    margin-top: 5px;
    flex-grow: 1;
    display: flex;
  }

  .content-container {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .swiper {
    width: 95%;
  }

  .SlideImage {
    width: 100%;
    min-height: 140px;
    max-height: 420px;
  }

 .swiper-pagination {
  position: relative !important;
  bottom: 0px !important;
 } 
}

@media (min-width: 700px) { 
  main {
    top: 0px;
  }

  .SlideImage {
    width: 100%;
    min-height: 180px;
    max-height: 600px;
  }
}