@media screen and (min-width: 1024px){
  .box-1 {
    min-height: 66vh;
  }
  .box-4, .news-1, .news-5, .news-9, .news-13 {
    min-height: 33vh;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px){
  .box-1 {
    min-height: 45vh;
  }
  .box-4, .news-1, .news-5, .news-9, .news-13 {
    min-height: 25vh;
  }
}

@media screen and (max-width: 769px){
  .box-1, .box-2, .box-3, .box-4, .box-5, .box-6, .box-7, .news-1, .news-2, .news-3, .news-4, .news-5, .news-6, .news-7, .news-8, .news-9, .news-10, .news-11, .news-12, .news-13, .news-14, .news-15, .news-16 {
    min-height: 25vh;
  }
}

a.relative {
  position: absolute;
  bottom: 20px;
}

.tile.is-child.card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

h1.is-mhilite, h2.is-mhilite {
  color: #275289;
}

section.is-mhilite {
  background-color: #dbe3ed;
}

.hero.is-medium {
    min-height: 66vh; }

.hero.is-custom {
    background-color: #000000;
    color: #fff; }

@media screen and (min-width: 1024px){
  h1.is-size-page-title {
    font-size: 5.5rem !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px){
  h1.is-size-page-title {
    font-size: 3.5rem !important;
  }
}

@media screen and (max-width: 769px){
  h1.is-size-page-title {
    font-size: 2.5rem !important;
  }
}

.has-bg-img { 
        background-image: url(../images/bg.jpg) ;
        background-position: center center;
        background-repeat:  no-repeat;
        background-attachment: fixed;
        background-size:  cover;
        background-color: #999;
 }


.hero.has-background {
  position: relative;
  overflow: hidden;
}

.hero-background {
  position: absolute;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.hero-background.is-transparent {
  opacity: 0.6;
}

.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}


/* MHI_numbers */

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

@media screen and (min-width: 769px) and (max-width: 1024px){
  .mhi_numbers {
    height: 440px;
  }
}

@media screen and (max-width: 769px){
  .mhi_numbers {
    height: 1000px;
  }
}

.mhi_numbers {
    /* The image used */
    background-image: url("../images/cruise.jpg");
    padding:5em 0;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.counter {
 color:#fff;
 margin-top:0.5em;
 font-size:4.5rem;
 font-weight: 400;
 text-align: center;
}

/* MHI_visuals */

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

@media screen and (min-width: 769px) and (max-width: 1024px){
  .mhi_visuals {
    height: 550px;
  }
}

@media screen and (max-width: 769px){
  .mhi_visuals {
    height: 1050px;
  }
}

.mhi_visuals {
    /* The image used */
    background-image: url("../images/waves.jpg");
    padding:5em 0;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 1024px) {
  .multi-1, .multi-2, .multi-3, .multi-4, .multi-5, .multi-6, .multi-7, .multi-8, .multi-9, .multi-10, .multi-11, .multi-12 {
    min-height: 45vh;
  }
  .expo-1, .expo-2, .expo-3, .expo-4, .expo-5, .expo-6, .expo-7, .expo-8, .expo-9 {
    min-height: 45vh;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .multi-1, .multi-2, .multi-3, .multi-4, .multi-5, .multi-6, .multi-7, .multi-8, .multi-9, .multi-10, .multi-11, .multi-12 {
    min-height: 35vh;
  }
  .expo-1, .expo-2, .expo-3, .expo-4, .expo-5, .expo-6, .expo-7, .expo-8, .expo-9 {
    min-height: 35vh;
  }
}

@media screen and (max-width: 769px) {
  .multi-1, .multi-2, .multi-3, .multi-4, .multi-5, .multi-6, .multi-7, .multi-8, .multi-9, .multi-10, .multi-11, .multi-12 {
    min-height: 30vh;
  }
  .expo-1, .expo-2, .expo-3, .expo-4, .expo-5, .expo-6, .expo-7, .expo-8, .expo-9 {
    min-height: 30vh;
  }
}

.multi-line-truncate {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

p.multimedia-type {
  position: absolute;
  top: 5%;
  left: 1%;
}

p.multimedia-title, p.news-title  {
  position: absolute;
  bottom: 10%;
  left: 1%;
}

.tabs a {
    color: #000;
}

.tabs.is-toggle li.is-active a {
  background-color: #275289;
  border-color: #275289;
  color: #fff;
  z-index: 1; }

.tabs a:hover {
  color: #fff;
  border-bottom-color: #fff;
  color: #fff; }

@media screen and (max-width: 768px)  {
.tabs ul {
  flex-shrink: 1;
  flex-wrap: wrap;
  border-bottom-color: transparent;
}
    }