/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.7rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
.g-simplecontent .g-simplecontent-item-leading-content {
  margin-bottom: 0.625rem;
  font-weight: 600;
  font-size: 1.2rem;
}
a.anchor {
  display: block;
  position: relative;
  top: -250px;
  visibility: hidden;
}
.box2 a {
  color: #fff;
}
.box2 .g-title {
  font-size: 3.2rem;
  text-transform: uppercase;
  margin-top: -1rem;
}
.sp_popup_wrap {
  position: fixed;
  width: auto;
  height: auto;
  z-index: 999;
  padding: 50px;
  border-radius: 15px;
  top: 50px;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table {
    width: 100%;
  }
  .table td, .table th {
    white-space: nowrap;
  }
  td {
    padding: 0.5rem;
    border: 1px solid #d4dce3;
    font-size: 0.6rem !important;
  }
}
This will make the table scroll horizontally on smaller screens, and prevent text from wrapping in table cells. You can adjust the media query breakpoint and styles to suit your needs. Make sure to include the CSS within the head element of your HTML document. .g-simplecontent .g-simplecontent-layout-standard .g-simplecontent-item-content-title {
  font-size: 3.5vw;
}
.g-heading h2 {
  font-size: 4vw;
}
.g-social .g-social-items a {
  font-size: 4vw;
  border-radius: 2px;
}
.marsselslider {
  background: #db3391;
}
.marsselslider .g-slider .g-slider-carousel-content {
  background: #db3391;
}
.emder .g-slider .g-slider-carousel-content {
  background: #3ed4cf;
}
.wartburg .g-slider .g-slider-carousel-content {
  background: #2f2f2f;
  color: white;
}
.leher .g-slider .g-slider-carousel-content {
  background: #6a4777;
}
.borgfeld .g-slider .g-slider-carousel-content {
  background: #b8d553;
}
/*# sourceMappingURL=custom_342.css.map */