html {
			background: #360000;
		}
		body {			
			background: -moz-linear-gradient(top,#c60000 0,rgba(54,0,0,0) 100%);
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c60000),color-stop(100%,rgba(54,0,0,0)));
			background: -webkit-linear-gradient(top,#c60000 0,rgba(54,0,0,0) 100%);
			background: -o-linear-gradient(top,#c60000 0,rgba(54,0,0,0) 100%);
			background: -ms-linear-gradient(top,#c60000 0,rgba(54,0,0,0) 100%);
			background: linear-gradient(to bottom,#c60000 0,rgba(54,0,0,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c60000', endColorstr='#00360000', GradientType=0);
			margin: 0;
			padding: 0;
			font: 13px/18px Arial,sans-serif;
			font-family: 'Open Sans',sans-serif;

		}	
	
	
		a, a:visited {
		outline: 0;
		text-decoration: none;
		transition: all ease-in-out .15s;
		-moz-transition: all ease-in-out .15s;
		-webkit-transition: all ease-in-out .15s;
		color: #333;
		}
	
	
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
	  
	.nav-new {
		min-height: 40px;
		border-top: 5px solid #e32828;
		margin: 0 0 10px;
		position: relative;
		box-shadow: 0 2px 2px rgb(255 255 255 / 50%) inset;
		background: #f1d5b2;
		background: -moz-linear-gradient(top,#f1d5b2 0,#fbf2e8 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f1d5b2),color-stop(100%,#fbf2e8));
		background: -webkit-linear-gradient(top,#f1d5b2 0,#fbf2e8 100%);
		background: -o-linear-gradient(top,#f1d5b2 0,#fbf2e8 100%);
		background: -ms-linear-gradient(top,#f1d5b2 0,#fbf2e8 100%);
		background: linear-gradient(to bottom,#f1d5b2 0,#fbf2e8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1d5b2', endColorstr='#fbf2e8', GradientType=0);
	}

	header .logo:hover, header .logo span:hover { 
		color: #e32828;
		text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
	}

	header .logo span {
		color: #ff6000;
	}

	user agent stylesheet
	a:-webkit-any-link {
		color: -webkit-link;
		cursor: pointer;
		text-decoration: underline;
	}


	.navbar-collapse a {

		border-left: 1px solid rgba(255,255,255,.5);
		border-right: 1px solid rgba(0,0,0,.05);
	}

	main {
		width: 1070px;
		margin: 0 auto;
		position: relative;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		background: #f1d5b2;
		padding: 10px;
	}
	
	.gallery main.container {
		max-width:1200px;
		width:100%;
	}

	.container::before {
		display: table;
		content: " ";
	}


	.block {
		border: 2px solid #c60000;
		background: #fff;
		box-shadow: 3px 3px 0 rgb(0 0 0 / 10%);
		padding: 18px 18px 0;
		position: relative;
		margin: 0 0 10px;
	}	

	.blockheader+.blockcontent {
		padding: 30px 0 0;
	}	
	.blockheader {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0 10px;
		margin: 0;
		height: 30px;
		line-height: 28px;
		background: #c60000;
		color: #fff;
		font-weight: 300;
		font-size: 14px;
		text-transform: uppercase;
		min-width: 160px;
	}

	.blockheader:after {
		content: '';
		position: absolute;
		height: 0;
		width: 0;
		top: 0;
		right: -30px;
		border: 15px solid transparent;
		border-top-color: #c60000;
		border-left-color: #c60000;
	}	
		
	.item .image img {
		margin: 0 0 5px;
		border: 1px solid #c60000;
		height: 128px;
	}
	
	

	.item .title {
		font-size: 13px;
		text-align: center;
		margin: 0 0 15px;
		padding: 0;
		line-height: 120%;
		font-weight: 700;

	}

	.item .meta {
		font-size: 13px;
		text-align: center;
		margin: -15px 0 15px;
		
	}

	.pager {
		text-align: center;
	}

	.pager a, .pager a:visited {
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		text-align: center;
		background: #e32828;
		border-radius: 3px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 300;
		margin-bottom: 10px;
	}

	.pager a:hover,.pager a:visited:hover {
		background:#c60000;
		}
		
	footer {
		position: relative;
		text-align: center;
		color: #fff;
		padding: 10px 0;
		font-size: 12px;
		}

	footer a, footer a:visited {
		color: #fff;
	}

	.sidebar .block {
		padding: 8px 8px 0;
	}
	
	.postheader {
		margin: 0 0 10px;
		padding: 0;
		background: #e32828;
		color: #fff;
		padding: 15px;
		line-height: 25px;
		font-size: 18px;
		text-align: center;
		font-weight: 300;
		box-shadow: 3px 3px 0 rgb(0 0 0 / 10%);
	}

	.banner.alone {
		text-align: center;
		margin: 0 0 10px;
		padding: 5px 0 0;
	}

	.list .item {
		margin: 0 0 8px;
	}
	.list.tags .item {
		display: inline-block;
		padding: 0;
	}
	.list .item {
		position: relative;
	}

	.list.tags .item:after {
		content: '\2022';
		padding: 0 5px;
	}

	.list.tags .item:last-child:after {
		content: '';
		display: none;
	}

	li {
		list-style-type:none;
		font-size: 0.9em;
	}

	li h3 {	
		font-size: 0.9em;
	}	

@media (min-width: 768px) {
	.gallery .sidebar.col-md-3 {
		flex: 0 0 auto;
		width: 20%;
		padding: 0 5px;
	}
	
	.gallery .sidebar {
		flex: 0 0 auto;
		width: 20%;
		padding: 0 5px;
	}
	.gallery .content {
		flex: 0 0 auto;
		width: 60%;
		padding: 0 5px;
	}
	
	.gallery .featured {
		padding:5px;
	}
	
}	

@media (max-width: 768px) {
    .col-sm-3 {
        flex: 0 0 auto;
        width: 50%;
    }
	.item .image img{
		height: 95px;
	}
}