/* Smartphones (portrait) ----------- */

@media only screen and (max-width : 768px) {
  .header {
    height: 640px;
    border: none;
    overflow: hidden;
  }

  .header .forbes-logo {
    margin-left:0px;
    margin-bottom:-20px;
  }

  .header-text {
    padding: 25px 0;
    text-align: center;
  }

  .header-text h1 {
    font-size:148px;
    text-align: center;
    z-index: 3;
  }

  .header-text h2 {
    font-size:29px;
  }

  h2.header-title-magyar {
    font-size:42px;
    margin-bottom: -45px;
  }

  .header .forbes-logo {
    margin-left:0px;
    margin-top:0px;
  }

  .header .forbes-logo {
    width: 80px;
    height: auto;
  }

  .header-text p {
    padding:20px 0 0 0;
    font-size: 14px;
    text-align:center;
  }

  .social-icons {
    padding-bottom:40px;
    text-align: center;
  }

  .mercedes-ad {
    display: none;
  }

  .mercedes-ad-mobile::after {
      color: rgb(153, 153, 153);
      content: "▴hirdetés";
      display: block;
      font-size: 8px;
      height: auto;
      letter-spacing: 2px;
      text-align: center;
      padding: 2px;
  }

  .mercedes-ad-mobile.felso {
    margin-top: 50px;
  }

  .forbes-ujsag {
    display: none;
  }

  .kartya-harmas-sor {
    margin-left: -15px;
    text-align: center;

  }

  .kartyak-sor {
    margin:auto;
    width: 320px;
    display: block;
  }

  .card {
    margin-left:0px; /* Kártya távolsága az oldal bal szélétől  */
  }

  .keszitok {
    margin: 50px auto;
  }

  .oldal-teteje {
    margin:0 auto;
  }

  .footer-content {
    margin: 0 auto;
  }

}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1180px) {

  .header {
    height: 640px;
    border: none;
    overflow: hidden;
  }

  .header .forbes-logo {
    margin-left:50px;
    margin-bottom:-20px;
  }

  .header-text {
    padding: 130px 0;
    text-align: center;
  }

  .header-text h1 {
    font-size:148px;
    text-align: center;
    z-index: -900;
  }

  .header-text h2 {
    font-size:33px;
    font-size:28px;
    font-weight: 300;
    font-style: italic;
    text-align: center;
  }

  h2.header-title-magyar {
    font-size:42px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
    margin-bottom: -45px;
    margin-top: 0px;
  }

  .header-text p {
    padding:0px 0 0 0;
    font-size: 16px;
    text-align: justify;
  }

  .social-icons {
    padding-bottom:55px;
    text-align: left;
  }

  img.header-arrow {
    margin-top: -180px;
  }

  .mercedes-ad {
    width: 80%;
    text-align: center;
    margin-top: 50px;
    display: inline-block;
  }



  .forbes-ujsag {
    display: none;
  }

  .kartya-harmas-sor {
    margin:0 auto;
    width: 740px;
    padding-left: 20px;

  }

  .kartyak-sor {
    margin:auto;
    width: 360px;
    display: block;
    float: left;
  }

  .card {
    margin-left:0px; /* Kártya távolsága az oldal bal szélétől  */
  }

  .keszitok {
    margin: 50px auto;
    clear: both;
    padding-top: 50px;
  }

  .oldal-teteje {
    margin:0 auto;
  }

  .footer-content {
    margin: 0 auto;
  }
}

/* Újság elrejtése ha nem fér el */
@media only screen and (max-width : 1260px) {
  .forbes-ujsag img {
    display: none;
  }
}

/* Full HD (középre rendezés) ----------- */
@media only screen and (min-width : 1600px) {
  .kartya-harmas-sor {
    margin-left: 0px;
    padding-left: 0px;
    text-align: center;
  }

  .mercedes-ad {
    margin: 0 auto;
    width: 984px;
  }

  .card {
    margin-left:0px; /* Kártya távolsága az oldal bal szélétől  */
    margin-right: 20px;
  }

  .keszitok {
   margin: auto;
   padding: 50px 0;
  }

  .oldal-teteje {
    margin:auto;
  }

  .footer-content {
      margin:auto;
  }
}