body {
  padding-top: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: left;
  padding-bottom: 240px;

}
.starter-template blockquote {
    text-align:left;
    padding-left:60px;
}
.starter-template hr {
    margin-bottom: 60px;
}
.starter-template p {
    text-align: left;
}

.starter-template h2{
	text-align: left;
	color: 1f319f;
	font-size: 36px;
}

.h2 {
	color: #339999;
}

.starter-template h3{
	text-align: left;
}

.starter-template h4{
	text-align: left;
}

.starter-template li{
	text-align: left;
}

.starter-template td{
	text-align: left;
}

.starter-template div1{
	width: 100%;
	height: 100%;
	padding: 10px;
	border: 1px solid black;
}

.navbar {
    background-color: #339999;
}

.navbar-penut {
    background-color: #339999;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #c3d8d5;
}

.navbar-inverse .navbar-nav>li>a {
    color: #FFFFFF;
}

.navbar-inverse .navbar-brand {
    color: #FFFFFF;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    color: #339999;
    background-color: #c3d8d5;
}
.navbar-inverse .navbar-toggle {
    color: #339999;
    border-color: #c3d8d5;
}

.small-fonts {
    font-size: 12px;
}