body{
  padding-top: 5rem;
  -webkit-text-size-adjust: 100%;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}


.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -10px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;

}


.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
	z-index :30;
}

.main-body {
    width:100%;
	
}

.main-body iframe {
    position:absolute;
	padding-top: 7.9rem;
	left: 0;
	bottom: 0;
    width:100%;
	height:100%;
  	border: none;
	z-index :0;
	}

.x_content {
  padding: 0 15px 6px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 15px;
}

.count {
  font-size: 20px;
  font-weight: bold;
}
	h1 {font-size: 20px;line-height:60%;}
	h2 {font-size: 14px;line-height:40%;}
	h3 {font-size: 10px; }
	h4 {font-size: 20pt; padding-top: .75rem; text-align:center;}

@media (min-width: 1200px){
    h1 {font-size: 28px;line-height:110%;}
    h2 {font-size: 18px; font-weight: normal;}
	h3 {font-size: 14px; font-weight: normal; }

}

@media (max-width: 640px) {
    h1 {font-size: 16px;line-height:105%;}
    h2 {font-size: 12px; font-weight: normal;}
	h3 {font-size: 8px; font-weight: normal; }	
	
}