.navbar {
	margin-bottom: 0px;
	background-color: #FFFFFF;
	border-radius: 0px;
	
}

.navbar-default .navbar-nav>li>a { 
	color: #000;
	font-family: 'Lato', sans-serif;
	font-weight: 200;
	}

.navbar-default .navbar-brand {
    color: #000;
    
}

@media screen and (min-width: 550px) {
  .jumbotron {
    padding-top: 20px;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    height:400px;
    position: relative;
    background-position: center top;
    background-color: #FFF;
    background-image: url("images/jumbotron.jpg");
  }
}

@supports ((perspective: 1px) and (not (-webkit-overflow-scrolling: touch))) {
  /* ... parallax styles ... */
  .jumbotron {
  	background-image: none;
	}
	@media screen and (max-width: 550px) {
		.parallax__layer {
			visibility: hidden;
		}
		.parallax__layer--top {
			visibility: hidden;
		}
		.parallax__layer--middle {
			visibility: hidden;
		}
		.parallax__layer--middle2 {
			visibility: hidden;
		}
		.parallax__layer--back {
			visibility: hidden;
		}
	}

.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  perspective-origin-x: 100%;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin-x: 100%;
}
.parallax__layer--top {
  transform: translateZ(-0.1) scale (1.1);
  background-image: url("images/top.png");
  background-repeat: no-repeat;
  background-position: center;
}
.parallax__layer--middle {
  transform: translateZ(-0.2px) scale(1.1);
  background-image: url("images/middle.png");
  background-repeat: no-repeat;
}
@-moz-document url-prefix() {
  .parallax__layer--middle {
    transform: translateZ(0px) scale(1.0);
  }
}
.parallax__layer--middle2 {
  transform: translateZ(-0.3px) scale(1.3);
  overflow: hidden;
  background-image: url("images/base.png");
  background-repeat: repeat-x;
}
@-moz-document url-prefix() {
  .parallax__layer--middle2 {
    transform: translateZ(0px) scale(1.0);
  }
}
.parallax__layer--back {
  transform: translateZ(-1.6px) scale(1);
}
}

::-webkit-scrollbar { 
    display: none; 
}


#pic {
    float: right;
	
}

/*
 * To fix header
 */
a.block { display: block; height: 400px; width: 1100px; }

img {
    padding: 10px 0px 26px;
}

#content {
    line-height: 20px;
    
    
}

#content p {
      margin-bottom: 24px;
  }

p.standfirst {
    font-size: 18px;
    font-weight: 700;
}

#site-colophon {
    font-size: 12px;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.article-header-date {
	color: #444;
	font-size: 10px;
	text-align: center;
}

.article-header-info  {
	color:#444;
	font-size: 10px;
	text-align: center;
}

.social-links {
	font-size: 18px;
}

.category-links {
	font-size: 12px;
}

.tag-1 {
	font-size: 14pt;
}
.tag-2 {
	font-size: 12pt;
}
.tag-3 {
	font-size: 10pt;
}
.tag-4 {
	font-size: 8pt;
}

.tag-cloud {
    line-height: 15px;
}

.article-tag-list {
    padding-top: 15px;
}

.home-top {
	margin-top: 20px;
}

#sidebar h4 {
    margin-top: 20px;
}

#site-footer {
    background: #fff;
    border-top: 1px dotted #999;
    margin-top: 40px;
    padding-top: 20px;
    color: #000;
    font-size: 12px;
}

/*
 * My preference for code blocks is no line wraps and horizontal scrolling.
 */
#content pre {
    border-left: 5px solid #999;
    overflow-x: auto;
    padding-left: 20px;
    word-break: normal;
    word-wrap: normal;
    white-space: pre;
}

dt {
  margin-top: 10px;
}

.col-centered{
    float: none;
    margin: 0 auto;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0px;
    background-color: #fff;
}

h1 {
    font-size: 36px;
    font-family: 'Lato', sans-serif;
    line-height: 36px;
    font-weight: 200;
    color: #ea234d;
    text-align:center;
}

h2 {
    font-size: 35px;
    font-family: 'Lato', sans-serif;
    line-height: 60px;
    font-weight: 100;
    color: #ea234d;
    text-align:center;
}

h3 { 
	color: #ea234d;
	font-size:18px;
	font-family: 'Lato', sans-serif;
	}

h4 { 
	color: #333;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	}

h5 {
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    color: #ea234d;
    text-align:center;
}

h6 {
	font-size:5px;
}

body {
    background: #ffffff;
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 1%, #ecf4fa 100%, #ecf4fa 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#ffffff), color-stop(100%,#ecf4fa), color-stop(100%,#ecf4fa));
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 1%,#ecf4fa 100%,#ecf4fa 100%);
background: -o-radial-gradient(center, ellipse cover,  #ffffff 1%,#ecf4fa 100%,#ecf4fa 100%);
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 1%,#ecf4fa 100%,#ecf4fa 100%);
background: radial-gradient(ellipse at center,  #ffffff 1%,#ecf4fa 100%,#ecf4fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf4fa',GradientType=1 );
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 12px;
line-height:22px;
transform: translateZ(0)

}

form {
 
padding: 5px;
}

input {
   width: 30%;
   padding:5px;
   margin:5px;
}

textarea {
	width:50%;
	height:100px;
	padding:5px;
	margin:5px;
}

.img-center {
  margin: 0 auto;
}

a {
    color: inherit;
}
a:hover {
    color: #ea234d;
    text-decoration: underline;
}

table { 
color: #333;
font-family: Helvetica, Arial, sans-serif;
width: 100%; 
border-collapse: 
collapse; border-spacing: 0; 
margin:auto;
font-size:12px;
}

td, th { 
border: 1px solid transparent; /* No more visible border */
height: 30px; 
transition: all 0.3s;  /* Simple transition for hover effect */
}

th {
background: #DFDFDF;  /* Darken header a bit */
font-weight: bold;
}

td {
background: #FAFAFA;
text-align: center;
}

.content-emphasis {
	font-weight: bold;
}

/* Cells in even rows (2,4,6...) are one color */ 
tr:nth-child(even) td { background: #F1F1F1; }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
tr:nth-child(odd) td { background: #FEFEFE; }  

tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */

.article {
margin-left:auto;
margin-right:auto;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 12.5px
  
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}