.container.has-2-colums {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

.container.has-3-colums {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}


.hero.has-responsive-bg,
.hero-body.has-responsive-bg,
.image.has-responsive-bg {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}


.image.is-3by4 img, .image.is-2by3 img, .image.is-9by16 img, .image.is-1by2 img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.image.is-3by4 {
  padding-top: 133.3333%;
}

.image.is-2by3 {
  padding-top: 150%;
}

.image.is-9by16 {
  padding-top: 177.7777%;
}

.image.is-1by2 {
  padding-top: 200%;
}


.notification.is-submenu {
  background-color: #88acd6;
  padding: 10px 20px;
  border-radius: 0;
  border-right: #1c63b7 1px solid;
}

.notification.is-submenu-here {
  padding: 10px 20px;
  border-radius: 0;
}


.modal-content.is-fullscreen {
  max-height: 100%;
}

@media screen and (min-width: 769px), print {
  .modal-content.is-fullscreen {
	margin: 0 20px;
    width: 100%;
  }
}

.modal-content.is-fullscreen img {
  display: block;
  margin: 0 auto;
  max-height: calc(100vh - 15vh);
}

@media screen and (min-width: 769px), print {
  .modal-content.is-three-quarters {width: 75%;}
  .modal-content.is-two-thirds {width: 66.6%;}
  .modal-content.is-half {width: 50%;}
  .modal-content.is-one-third {width: 33.3%;}
  .modal-content.is-one-quarter {width: 25%;}
}


.has-text-justified {
  text-align: justify !important;
}

@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}

@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}

@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}

@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}
