/* body {
    background: url("../images/bg.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} */


body {
    background: url("../images/bg2.jpg") fixed;
    /* background-size: cover; */
    font-family: 'Sniglet', cursive !important;
}

#main-container {
    background: #ffffff !important;
}

#spanner {
    padding:20px !important; margin:30px 0; background:#ffffff !important;
}



.marketing-site-content-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.marketing-site-content-section .button.round {
  border-radius: 5000px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.marketing-site-content-section .marketing-site-content-section-img {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.marketing-site-content-section .marketing-site-content-section-img img {
  width: 100%;
}

@media screen and (min-width: 40em) {
  .marketing-site-content-section .marketing-site-content-section-img {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}

.marketing-site-content-section .marketing-site-content-section-block {
  padding: 1rem;
  -webkit-flex: 1 0 100%;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  background: #e6e6e6;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 40em) {
  .marketing-site-content-section .marketing-site-content-section-block {
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    padding: 2rem;
  }
}

.marketing-site-content-section-block-header {
  font-size: 24px;
}

.marketing-site-content-section-block-subheader {
  /* font-size: 13px; */
}

/* kontak */


.hero-section {

  background-size: cover;
  height: 100px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section h1 {
  color: #fff;
  text-shadow: 1px 1px 2px #0a0a0a;
}

#map {
        height: 400px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
       }

ul#sosmed_contact {
    margin: 0;
}

ul#sosmed_contact li {
    list-style-type: none !important;

}


.item {
  display: flex;
  flex-wrap: wrap;
  /* max-width: 40em; */
}

.item__text {
  flex: 99999 1 20em;
  /* max-width: 30em; */
}

.item__image {
  flex: 1 1 10em;
  margin-right: 1em; // TODO
}

.h1_page_title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.inner_pt_camera {
    background-image: url(../images/bg_inner.jpg);
}

.inner_pt_camera h3 {
    font-weight: bold;
    color: #000;
}

.inner_pt_medals {
    background-image: url(../images/medals_inner.jpg);
}

.inner_pt_medals h3 {
    font-weight: bold;
    color: #000;
}

.inner_pt_camcoder {
    background-image: url(../images/camcoder_inner.jpg);
}

.inner_pt_camcoder h3 {
    font-weight: bold;
    color: #000;
}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



.card {
  /* width: 350px; */
}

.card-info {
  padding: 1rem;
  background: #e1e1e1;
  /* display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr 2.5rem;
      grid-template-rows: 1fr 2.5rem;
  -ms-grid-columns: 3fr 1fr;
      grid-template-columns: 3fr 1fr; */
}

.card-title {
  font-size: 2rem;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.help-block {
    color: #ff0000;
    margin-bottom: 20px;
}