body {
    padding-top: 60px;
    background-color:#fafafa;
}

.login-dropdown-menu {
    padding: 15px;
    padding-bottom: 0px;
}

.login-form-field {
    margin-bottom: 15px;
}

.login-form-submit {
    clear: left;
    width: 100%;
    margin-bottom: 15px;
}

.content-div {
    text-align: left;
    background-color: rgba(0,0,0,0);
}

.large-content-div {
    text-align: center;
}

.login-name {
    padding-right: 10px;
}

.center-text {
    text-align: center;
}

.error-alert {
    text-align: left;
}

.navbar-brand {
padding:0 0 0 10px;
height:60px;
line-height:60px;
}
.navbar-brand #icon {
float:left;
margin: 10px 10px 0 0;
}

h2 {
  color: #444;
  font-size: 24px;
  position: relative;
  padding: 10px 0 2px 28px;
  border-bottom: 2px solid #d14;
}
h2:before, h2:after {
  content: "";
  position: absolute;
  margin: auto;
}
h2:before {
  width: 12px;
  height: 12px;
  top: 0;
  left: 14px;
  background: #d14;
  transform: rotate(50deg);
}
h2:after {
  width: 8px;
  height: 8px;
  top: 18px;
  left: 6px;
  background: #d14;
  transform: rotate(20deg);
}

#about {
clear:both;
padding:10px 0 50px 0;
text-align:left;
color:#666;
}

#about .subtitle {
color:#444;
margin:15px 0;
}

#about p {
font-size:1.0em;
margin:10px 10px 0 10px;
}

.dlinfoTd {
padding:3px 20px 3px 0;
min-width:100px;
}

#footer {
width: 100%;
text-align:center;
color:#999;
}

@media (min-width: 768px) {
    .content-div-padding {
        padding-top: 4em;
    }
}

@media (max-width: 768px) {
    .content-div-padding {
        padding-top: 1em;
    }
}
