/* Sticky footer and general settings */
html,
body {
  height: 100%;
  font-size: 100%;
  font-size: 14px;
  color: #333;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
}
ul, ul li {
 text-align: left;
}
ul {
 list-style-type: square;
}
hr {
 height: 1px;
 color: #333;
}
a,a:link,a:visited {
 color: #333;
 font-weight: 700;
}
a:hover {
 text-decoration: underline;
}
.row {
width: 100%;
margin: 0;
padding: 0;
}
code {
  font-size: 80%;
}
 img {
 display: block;
 height: auto;
 max-width: 100%;
 }

/* Titles */
h1,h2 {
text-align: center;
font-size: 36px;
line-height: 40px;
font-weight: 300;
margin-bottom: 5px;
}
h3 {
text-align: center;
font-size: 30px;
line-height: 34px;
font-weight: 300;
color: #fff;
}
h4 {
 font-size: 20px;
 line-height: 24px;
 color: #333;
 font-weight: 300;
}
h1,h2,h3,h4 {
color: #333;
font-family: 'Ubuntu', sans-serif;
}

/* Wrapper for page content to push down footer */
#wrap {
  max-width: 1280px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  padding-top: 100px;
}
.container {
  margin: 0 auto;
  text-align: center;
}
#wrap > .container {
  padding: 10px 15px 0;
}
#footer > .container {
  padding-top: 20px;
  color: #fff;
}

/* Page blocks */
.topline {
 width: 100%;
 margin: 0 auto;
 margin-top: 50px;
 clear: both;
}
#footer {
  min-height: 80px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  background-color: #333;
  text-align: center;
  clear: both;
}
#footer a  {
color: #fff;
}

/* Special styles */ 
.center-block {
 display: block;
 float: none;
 margin: 0 auto;
}

/* Divider line */
.hr1 hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(219,219,219,1), rgba(0,0,0,0));
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
hr {
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* Media queries */
@media (min-width: 1280px) {
	h1 { margin-top: 10px; margin-bottom: 10px; }
	.container { width: 1200px; }
}

@media (max-width: 1024px) {
	h1 { ont-size: 30px; line-height: 34px; margin-top: 5px; margin-bottom: 5px; }
}

@media (max-width: 800px) {
	h3 { padding-top: 10px; }
}

@media (max-width: 480px) {
}