/* ----------------------------------------------------------------
Copyright (c) Demosphere International Inc.
No permission is granted for any purpose without prior
written consent from Demosphere International Inc.
-------------------------------------------------------------------*/

.design-program { margin-bottom: 15px; }
.design-program .dii-content-title-photo img { max-height: 280px; }
.design-program .dii-content-image h2,
.design-program .dii-content-image,
.design-program .dii-content-image h2::before,
.design-program .dii-content-image > a { height: 280px; }
.design-program .dii-content-image { margin-bottom: 15px; }

body .main-sport #design-main-2 .dii-content-linkview > a { display: table-cell; height: 240px; background: #000; font-family: 'Cintra Slab Solid', sans-serif; font-size: 32px; color: #fff; line-height: 0.9; text-align: center; text-transform: uppercase; vertical-align: middle; }
body .main-sport #design-main-2 .dii-content-linkview > a:hover { background: #faac48; color: #000; text-decoration: none; }
body .main-sport #design-main-2 .dii-content-linkview { display: table; margin: 0; width: 100%; }


/* MOBILE */
@media screen and (max-width: 1400px) {

  .design-program .dii-content-image h2 { height: 250px; font-size: 32px; }
  .design-program .dii-content-image h2::before,
  .design-program .dii-content-image,
  .design-program .dii-content-image > a { height: 250px; }

}

@media screen and (max-width: 1200px) {

  .design-program .dii-content-image h2 { height: 210px; font-size: 28px; }
  .design-program .dii-content-image h2::before,
  .design-program .dii-content-image,
  .design-program .dii-content-image > a { height: 210px; }

}

@media screen and (max-width: 1024px) {

  .design-program .dii-content-image h2 { height: 220px; font-size: 30px; line-height: 0.8; }
  .design-program .dii-content-image h2::before,
  .design-program .dii-content-image,
  .design-program .dii-content-image > a { height: 220px; }

}

@media screen and (max-width: 850px) {

  .design-program .dii-content-image h2 { height: 270px; font-size: 32px; }
  .design-program .dii-content-image h2::before,
  .design-program .dii-content-image,
  .design-program .dii-content-image > a { height: 270px; }

}

@media screen and (max-width: 768px) {

  .design-program .dii-content-image h2 { height: 250px; font-size: 32px; }
  .design-program .dii-content-image h2::before,
  .design-program .dii-content-image,
  .design-program .dii-content-image > a { height: 250px; }

}

@media screen and (max-width: 667px) {

  .design-program .dii-content-image h2 { height: 350px; font-size: 36px; }
  .design-program .dii-content-image h2::before,
  .design-program .dii-content-image,
  .design-program .dii-content-image > a { height: 350px; }

}

@media screen and (max-width: 480px) {

  .design-program .dii-content-image h2 { height: 300px; font-size: 32px; }
  .design-program .dii-content-image h2::before,
  .design-program .dii-content-image,
  .design-program .dii-content-image > a { height: 300px; }

}

@media screen and (max-width: 375px) {

  .design-program .dii-content-image h2 { height: 300px; font-size: 32px; }
  .design-program .dii-content-image h2::before,
  .design-program .dii-content-image,
  .design-program .dii-content-image > a { height: 300px; }

}