h1 {
    margin: .7em 0;
}
h1,h2,h3,body,tbody,caption {
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #333;
}

body .container {
    line-height: 1.5;
    font-size: 16px;
}

h1.styled {
	padding: .5em .75em;
	background-color: #69b4e6;
	border-left: 6px solid #3498db;
}

h2.styled {
    margin-top: 0px;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
}
h2.styled::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

h3.styled {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #ccc;
}

body {
    padding-bottom: 40px;
    color: #5a5a5a;
}

/* Carousel base class */
.carousel {
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
    
text-shadow: 0 3px 3px #000; 
    color: #ffffff;
}
.carousel-indicators li { visibility: hidden; }
/* Declare heights because of positioning of img element */

.carousel-inner > .item > img {
  min-width: 100%;
  margin: 0 auto;
}

/* Bump up size of carousel content */
.carousel-caption h2 {
    color: #fff;
}
.carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
    color: #fff;
}
.myheading {
    font-size: 30px;
  }
}

@media (min-width: 992px) {
  .myheading {
    margin-top: 120px;
  }
}