/* Galaxy Fold
@media screen and (max-width: 280px) {
}

/* Mobile S
@media screen and (max-width: 320px) {
}

/* Mobile M
@media screen and (max-width: 375px) {
}

/* Mobile L
@media screen and (max-width: 425px) {
}
*/

/* Galaxy Fold */
/* Mobile */
@media screen and (max-width: 428px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    font-size: 2.5vw;
    padding: 0 1%;
  }

  .media {
    font-size: 5vw;
  }

  .media2,
  svg {
    font-size: 2.5vw;
  }

  /* Space between the navbar and the continent @media for mobile */
  .nav_space {
    margin-top: 50px;
  }
}

@media screen and (max-width: 676px) {
  .mobile_space-top {
    margin-top: -50px;
  }

  .mobile-header_btn,
  .mobile-header_logo,
  .mobile-logo_link,
  media {
    visibility: visible;
    margin: 20% 10px -2% 0px;
  }

  .mobile-header_logo {
    justify-content: left;
    font-family: "Major Mono Display", monospace;
    cursor: pointer;
    font-size: 2em;
    display: inline;
    margin-left: 10px;
  }
}

@media screen and (max-width: 768px) {
    .slider_container {
        display: none;
      }
}

/* Mobile M */
@media screen and (min-width: 280px) {

  /* Card item */
  .card_column {
    width: 100%;
    height: auto;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    font-size: 1000%;
    padding: 0 1%;
  }

}

@media screen and (min-width: 290px) {

  /* Card item */
  .card_column {
    width: 33%;
    height: auto;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    font-size: 500%;
    padding: 0 1%;
  }
}

/* Mobile L */
@media screen and (min-width: 428px) {

  /* Card item */
  .card_column {
    width: 33%;
    height: auto;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    font-size: 450%;
    padding: 0 1%;
  }

}

/* @media tablet */
@media screen and (min-width: 675px) {

  /* Card item */
  .card_column {
    width: 25%;
    height: auto;
  }

  .mobile_logo {
    display: none;
  }

  .mobile-header_btn {
    visibility: hidden;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    font-size: 350%;
    padding: 0 1%;
  }
}

/* @media tablet */
@media screen and (min-width: 768px) {

  /* Card item */
  .card_column {
    width: 25%;
    height: auto;
  }

  nav.mobile_nav {
    display: none;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    font-size: 240%;
    padding: 0 1%;
  }
}

/* @media laptop */
@media screen and (min-width: 1024px) {

  /* Card item */
  .card_column {
    width: 20%;
    height: auto;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    font-size: 150%;
    padding: 0 1%;
  }
}

@media screen and (min-width: 1440px) {

  /* Card item */
  .card_column {
    width: 20%;
    height: auto;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    font-size: 140%;
    padding: 0 1%;
  }
}

/* TV */
/* 720p HD Television */
@media screen and (min-width: 1280px) {

  /* Card item */
  .card_column {
    width: 20%;
    height: auto;
  }
}

/* 1080p Full HD Television */
@media screen and (min-width: 1920px) {

  /* Card item */
  .card_column {
    width: 20%;
    height: auto;
  }
}

@media screen and (min-width: 2560px) {

  /* Card item */
  .card_column {
    width: 20%;
    height: auto;
  }
}

/* 4K Ultra HD Television */
@media screen and (min-width: 3840px) {

  /* Card item */
  .card_column {
    width: 20%;
    height: auto;
  }
}

/* Galaxy Fold
@media screen and (max-width: 280px) {
}

/* Mobile S
@media screen and (max-width: 320px) {
}

/* Mobile M
@media screen and (max-width: 375px) {
}

/* Mobile L
@media screen and (max-width: 425px) {
}
*/

@media screen and (min-width:280px) {
  .card_img {
    height: 100%;
  }
}

/* 370px */
@media screen and (min-width:375px) {
  .card_img {
    height: 170px;
  }
}

@media screen and (min-width:425px) {
  .card_img {
    height: 200px;
  }
}

@media screen and (min-width:674px) {
  .card_img {
    height: 250px;
  }
}

@media screen and (min-width:768px) {
  .card_img {
    height: 270px;
  }
}

@media screen and (min-width:1024px) {
  .card_img {
    height: 280px;
  }
}

@media screen and (min-width:1366px) {
  .card_img {
    height: 330px;
  }
}

@media screen and (min-width:1440px) {
  .card_img {
    height: 350px;
  }
}

@media screen and (min-width:1697px) {
  .card_img {
    height: 500px;
  }
}

@media screen and (min-width:2560px) {
  .card_img {
    height: 900px;
  }
}