.hide {
  display: none !important;
}
.show {
  display: inherit !important;
}
@media only screen and (max-width: 529px) {
  .hide-mobile {
    display: none !important;
  }
  .show-mobile {
    display: inherit !important;
  }
}
@media only screen and (min-width: 530px) {
  .hide-gt-mobile {
    display: none !important;
  }
  .show-gt-mobile {
    display: inherit !important;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .hide-tablet {
    display: none !important;
  }
  .show-tablet {
    display: inherit !important;
  }
}
@media only screen and (min-width: 950px) {
  .hide-gt-tablet {
    display: none !important;
  }
  .show-gt-tablet {
    display: inherit !important;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px) {
  .hide-desktop {
    display: none !important;
  }
  .show-desktop {
    display: inherit !important;
  }
}
@media only screen and (min-width: 1129px) {
  .hide-gt-desktop {
    display: none !important;
  }
  .show-gt-desktop {
    display: inherit !important;
  }
}
@media only screen and (min-width: 1129px) and (max-width: 1919px) {
  .hide-desktop-lg {
    display: none !important;
  }
  .show-desktop-lg {
    display: inherit !important;
  }
}
@media only screen and (min-width: 1920px) {
  .hide-gt-desktop-lg {
    display: none !important;
  }
  .show-gt-desktop-lg {
    display: inherit !important;
  }
}
.jkg {
  display: flex;
  flex-wrap: wrap;
}
.jkg.nowrap {
  flex-wrap: nowrap;
}
.jkg.center {
  justify-content: center;
}
.jkg.start {
  align-items: start;
}
.jkg.middle {
  align-items: center;
}
.jkg.end {
  align-items: end;
}
.jkg.reverse {
  flex-direction: row-reverse;
}
.jkg.vertical {
  flex-direction: column;
}
.jkg.vertical.reverse {
  flex-direction: column-reverse;
}
.jkg.vertical > .force-fill {
  height: 100%;
}
.jkg > .fill {
  flex: 1;
}
.jkg > .fill-2 {
  flex: 1;
  min-width: 50%;
}
.jkg > .fill-3 {
  flex: 1;
  min-width: 33%;
}
.jkg > .fill-4 {
  flex: 1;
  min-width: 25%;
}
.jkg > .fill-5 {
  flex: 1;
  min-width: 20%;
}
.jkg > .force-fill:not( .vertical) {
  width: 100%;
}
.jkg > .force-fill-2 {
  flex: 1;
  width: 50%;
}
.jkg > .force-fill-3 {
  flex: 1;
  width: 33%;
}
.jkg > .force-fill-4 {
  flex: 1;
  width: 25%;
}
.jkg > .force-fill-5 {
  flex: 1;
  width: 20%;
}
@media only screen and (max-width: 529px) {
  .jkg.nowrap-mobile {
    flex-wrap: nowrap;
  }
  .jkg.center-mobile {
    justify-content: center;
  }
  .jkg.start-mobile {
    align-items: start;
  }
  .jkg.middle-mobile {
    align-items: center;
  }
  .jkg.end-mobile {
    align-items: end;
  }
  .jkg.reverse-mobile {
    flex-direction: row-reverse;
  }
  .jkg.vertical-mobile {
    flex-direction: column;
  }
  .jkg.vertical-mobile.reverse-mobile {
    flex-direction: column-reverse;
  }
  .jkg.vertical-mobile > .force-fill-mobile {
    height: 100%;
  }
  .jkg > .fill-mobile {
    flex: 1;
  }
  .jkg > .fill-2-mobile {
    flex: 1;
    min-width: 50%;
  }
  .jkg > .fill-3-mobile {
    flex: 1;
    min-width: 33%;
  }
  .jkg > .fill-4-mobile {
    flex: 1;
    min-width: 25%;
  }
  .jkg > .fill-5-mobile {
    flex: 1;
    min-width: 20%;
  }
  .jkg > .force-fill-mobile:not( .-mobilevertical) {
    width: 100%;
  }
  .jkg > .force-fill-2-mobile {
    flex: 1;
    width: 50%;
  }
  .jkg > .force-fill-3-mobile {
    flex: 1;
    width: 33%;
  }
  .jkg > .force-fill-4-mobile {
    flex: 1;
    width: 25%;
  }
  .jkg > .force-fill-5-mobile {
    flex: 1;
    width: 20%;
  }
}
@media only screen and (min-width: 530px) {
  .jkg.nowrap-gt-mobile {
    flex-wrap: nowrap;
  }
  .jkg.center-gt-mobile {
    justify-content: center;
  }
  .jkg.start-gt-mobile {
    align-items: start;
  }
  .jkg.middle-gt-mobile {
    align-items: center;
  }
  .jkg.end-gt-mobile {
    align-items: end;
  }
  .jkg.reverse-gt-mobile {
    flex-direction: row-reverse;
  }
  .jkg.vertical-gt-mobile {
    flex-direction: column;
  }
  .jkg.vertical-gt-mobile.reverse-gt-mobile {
    flex-direction: column-reverse;
  }
  .jkg.vertical-gt-mobile > .force-fill-gt-mobile {
    height: 100%;
  }
  .jkg > .fill-gt-mobile {
    flex: 1;
  }
  .jkg > .fill-2-gt-mobile {
    flex: 1;
    min-width: 50%;
  }
  .jkg > .fill-3-gt-mobile {
    flex: 1;
    min-width: 33%;
  }
  .jkg > .fill-4-gt-mobile {
    flex: 1;
    min-width: 25%;
  }
  .jkg > .fill-5-gt-mobile {
    flex: 1;
    min-width: 20%;
  }
  .jkg > .force-fill-gt-mobile:not( .-gt-mobilevertical) {
    width: 100%;
  }
  .jkg > .force-fill-2-gt-mobile {
    flex: 1;
    width: 50%;
  }
  .jkg > .force-fill-3-gt-mobile {
    flex: 1;
    width: 33%;
  }
  .jkg > .force-fill-4-gt-mobile {
    flex: 1;
    width: 25%;
  }
  .jkg > .force-fill-5-gt-mobile {
    flex: 1;
    width: 20%;
  }
}
@media only screen and (min-width: 530px) and (max-width: 949px) {
  .jkg.nowrap-tablet {
    flex-wrap: nowrap;
  }
  .jkg.center-tablet {
    justify-content: center;
  }
  .jkg.start-tablet {
    align-items: start;
  }
  .jkg.middle-tablet {
    align-items: center;
  }
  .jkg.end-tablet {
    align-items: end;
  }
  .jkg.reverse-tablet {
    flex-direction: row-reverse;
  }
  .jkg.vertical-tablet {
    flex-direction: column;
  }
  .jkg.vertical-tablet.reverse-tablet {
    flex-direction: column-reverse;
  }
  .jkg.vertical-tablet > .force-fill-tablet {
    height: 100%;
  }
  .jkg > .fill-tablet {
    flex: 1;
  }
  .jkg > .fill-2-tablet {
    flex: 1;
    min-width: 50%;
  }
  .jkg > .fill-3-tablet {
    flex: 1;
    min-width: 33%;
  }
  .jkg > .fill-4-tablet {
    flex: 1;
    min-width: 25%;
  }
  .jkg > .fill-5-tablet {
    flex: 1;
    min-width: 20%;
  }
  .jkg > .force-fill-tablet:not( .-tabletvertical) {
    width: 100%;
  }
  .jkg > .force-fill-2-tablet {
    flex: 1;
    width: 50%;
  }
  .jkg > .force-fill-3-tablet {
    flex: 1;
    width: 33%;
  }
  .jkg > .force-fill-4-tablet {
    flex: 1;
    width: 25%;
  }
  .jkg > .force-fill-5-tablet {
    flex: 1;
    width: 20%;
  }
}
@media only screen and (min-width: 950px) {
  .jkg.nowrap-gt-tablet {
    flex-wrap: nowrap;
  }
  .jkg.center-gt-tablet {
    justify-content: center;
  }
  .jkg.start-gt-tablet {
    align-items: start;
  }
  .jkg.middle-gt-tablet {
    align-items: center;
  }
  .jkg.end-gt-tablet {
    align-items: end;
  }
  .jkg.reverse-gt-tablet {
    flex-direction: row-reverse;
  }
  .jkg.vertical-gt-tablet {
    flex-direction: column;
  }
  .jkg.vertical-gt-tablet.reverse-gt-tablet {
    flex-direction: column-reverse;
  }
  .jkg.vertical-gt-tablet > .force-fill-gt-tablet {
    height: 100%;
  }
  .jkg > .fill-gt-tablet {
    flex: 1;
  }
  .jkg > .fill-2-gt-tablet {
    flex: 1;
    min-width: 50%;
  }
  .jkg > .fill-3-gt-tablet {
    flex: 1;
    min-width: 33%;
  }
  .jkg > .fill-4-gt-tablet {
    flex: 1;
    min-width: 25%;
  }
  .jkg > .fill-5-gt-tablet {
    flex: 1;
    min-width: 20%;
  }
  .jkg > .force-fill-gt-tablet:not( .-gt-tabletvertical) {
    width: 100%;
  }
  .jkg > .force-fill-2-gt-tablet {
    flex: 1;
    width: 50%;
  }
  .jkg > .force-fill-3-gt-tablet {
    flex: 1;
    width: 33%;
  }
  .jkg > .force-fill-4-gt-tablet {
    flex: 1;
    width: 25%;
  }
  .jkg > .force-fill-5-gt-tablet {
    flex: 1;
    width: 20%;
  }
}
@media only screen and (min-width: 950px) and (max-width: 1128px) {
  .jkg.nowrap-desktop {
    flex-wrap: nowrap;
  }
  .jkg.center-desktop {
    justify-content: center;
  }
  .jkg.start-desktop {
    align-items: start;
  }
  .jkg.middle-desktop {
    align-items: center;
  }
  .jkg.end-desktop {
    align-items: end;
  }
  .jkg.reverse-desktop {
    flex-direction: row-reverse;
  }
  .jkg.vertical-desktop {
    flex-direction: column;
  }
  .jkg.vertical-desktop.reverse-desktop {
    flex-direction: column-reverse;
  }
  .jkg.vertical-desktop > .force-fill-desktop {
    height: 100%;
  }
  .jkg > .fill-desktop {
    flex: 1;
  }
  .jkg > .fill-2-desktop {
    flex: 1;
    min-width: 50%;
  }
  .jkg > .fill-3-desktop {
    flex: 1;
    min-width: 33%;
  }
  .jkg > .fill-4-desktop {
    flex: 1;
    min-width: 25%;
  }
  .jkg > .fill-5-desktop {
    flex: 1;
    min-width: 20%;
  }
  .jkg > .force-fill-desktop:not( .-desktopvertical) {
    width: 100%;
  }
  .jkg > .force-fill-2-desktop {
    flex: 1;
    width: 50%;
  }
  .jkg > .force-fill-3-desktop {
    flex: 1;
    width: 33%;
  }
  .jkg > .force-fill-4-desktop {
    flex: 1;
    width: 25%;
  }
  .jkg > .force-fill-5-desktop {
    flex: 1;
    width: 20%;
  }
}
@media only screen and (min-width: 1129px) {
  .jkg.nowrap-gt-desktop {
    flex-wrap: nowrap;
  }
  .jkg.center-gt-desktop {
    justify-content: center;
  }
  .jkg.start-gt-desktop {
    align-items: start;
  }
  .jkg.middle-gt-desktop {
    align-items: center;
  }
  .jkg.end-gt-desktop {
    align-items: end;
  }
  .jkg.reverse-gt-desktop {
    flex-direction: row-reverse;
  }
  .jkg.vertical-gt-desktop {
    flex-direction: column;
  }
  .jkg.vertical-gt-desktop.reverse-gt-desktop {
    flex-direction: column-reverse;
  }
  .jkg.vertical-gt-desktop > .force-fill-gt-desktop {
    height: 100%;
  }
  .jkg > .fill-gt-desktop {
    flex: 1;
  }
  .jkg > .fill-2-gt-desktop {
    flex: 1;
    min-width: 50%;
  }
  .jkg > .fill-3-gt-desktop {
    flex: 1;
    min-width: 33%;
  }
  .jkg > .fill-4-gt-desktop {
    flex: 1;
    min-width: 25%;
  }
  .jkg > .fill-5-gt-desktop {
    flex: 1;
    min-width: 20%;
  }
  .jkg > .force-fill-gt-desktop:not( .-gt-desktopvertical) {
    width: 100%;
  }
  .jkg > .force-fill-2-gt-desktop {
    flex: 1;
    width: 50%;
  }
  .jkg > .force-fill-3-gt-desktop {
    flex: 1;
    width: 33%;
  }
  .jkg > .force-fill-4-gt-desktop {
    flex: 1;
    width: 25%;
  }
  .jkg > .force-fill-5-gt-desktop {
    flex: 1;
    width: 20%;
  }
}
@media only screen and (min-width: 1129px) and (max-width: 1919px) {
  .jkg.nowrap-desktop-lg {
    flex-wrap: nowrap;
  }
  .jkg.center-desktop-lg {
    justify-content: center;
  }
  .jkg.start-desktop-lg {
    align-items: start;
  }
  .jkg.middle-desktop-lg {
    align-items: center;
  }
  .jkg.end-desktop-lg {
    align-items: end;
  }
  .jkg.reverse-desktop-lg {
    flex-direction: row-reverse;
  }
  .jkg.vertical-desktop-lg {
    flex-direction: column;
  }
  .jkg.vertical-desktop-lg.reverse-desktop-lg {
    flex-direction: column-reverse;
  }
  .jkg.vertical-desktop-lg > .force-fill-desktop-lg {
    height: 100%;
  }
  .jkg > .fill-desktop-lg {
    flex: 1;
  }
  .jkg > .fill-2-desktop-lg {
    flex: 1;
    min-width: 50%;
  }
  .jkg > .fill-3-desktop-lg {
    flex: 1;
    min-width: 33%;
  }
  .jkg > .fill-4-desktop-lg {
    flex: 1;
    min-width: 25%;
  }
  .jkg > .fill-5-desktop-lg {
    flex: 1;
    min-width: 20%;
  }
  .jkg > .force-fill-desktop-lg:not( .-desktop-lgvertical) {
    width: 100%;
  }
  .jkg > .force-fill-2-desktop-lg {
    flex: 1;
    width: 50%;
  }
  .jkg > .force-fill-3-desktop-lg {
    flex: 1;
    width: 33%;
  }
  .jkg > .force-fill-4-desktop-lg {
    flex: 1;
    width: 25%;
  }
  .jkg > .force-fill-5-desktop-lg {
    flex: 1;
    width: 20%;
  }
}
@media only screen and (min-width: 1920px) {
  .jkg.nowrap-gt-desktop-lg {
    flex-wrap: nowrap;
  }
  .jkg.center-gt-desktop-lg {
    justify-content: center;
  }
  .jkg.start-gt-desktop-lg {
    align-items: start;
  }
  .jkg.middle-gt-desktop-lg {
    align-items: center;
  }
  .jkg.end-gt-desktop-lg {
    align-items: end;
  }
  .jkg.reverse-gt-desktop-lg {
    flex-direction: row-reverse;
  }
  .jkg.vertical-gt-desktop-lg {
    flex-direction: column;
  }
  .jkg.vertical-gt-desktop-lg.reverse-gt-desktop-lg {
    flex-direction: column-reverse;
  }
  .jkg.vertical-gt-desktop-lg > .force-fill-gt-desktop-lg {
    height: 100%;
  }
  .jkg > .fill-gt-desktop-lg {
    flex: 1;
  }
  .jkg > .fill-2-gt-desktop-lg {
    flex: 1;
    min-width: 50%;
  }
  .jkg > .fill-3-gt-desktop-lg {
    flex: 1;
    min-width: 33%;
  }
  .jkg > .fill-4-gt-desktop-lg {
    flex: 1;
    min-width: 25%;
  }
  .jkg > .fill-5-gt-desktop-lg {
    flex: 1;
    min-width: 20%;
  }
  .jkg > .force-fill-gt-desktop-lg:not( .-gt-desktop-lgvertical) {
    width: 100%;
  }
  .jkg > .force-fill-2-gt-desktop-lg {
    flex: 1;
    width: 50%;
  }
  .jkg > .force-fill-3-gt-desktop-lg {
    flex: 1;
    width: 33%;
  }
  .jkg > .force-fill-4-gt-desktop-lg {
    flex: 1;
    width: 25%;
  }
  .jkg > .force-fill-5-gt-desktop-lg {
    flex: 1;
    width: 20%;
  }
}
html,
body {
  margin: 0;
  padding: 0;
}
body {
  background: #495361;
  font-family: 'Raleway', sans-serif;
}
.wrapper {
  max-width: 860px;
  margin: auto;
  padding: 15px;
}
#header {
  background: #8F9BAB;
  text-align: center;
}
#header #logo {
  display: inline-block;
  width: 300px;
  height: 120px;
  background: url('logo.png') center center no-repeat;
  background-size: contain;
}
#content {
  color: white;
}
#content p {
  text-align: justify;
}
#gallery {
  margin: -5px;
}
#gallery .thumbnail {
  padding: 5px;
  box-sizing: border-box;
}
#gallery .thumbnail a {
  display: block;
  width: 100%;
  height: 220px;
  background-size: cover;
}
#pricing table {
  width: 100%;
}
#pricing table tr:not(.skip) td:first-child {
  text-align: center; white-space: nowrap;
}