body{
	margin: 0 auto ;
	color : #000000 ;
	font-size : 16px;
	background-color: #33241e ;
	overflow:visible;
	font-family: 'Roboto', sans-serif;
}

html {
	height:100%;
}







a.gallery:link {
	color : #33241e;
	text-decoration:none;
}
a.gallery:hover {
	color : #000000 ;
	text-decoration:none;
}
a.gallery:visited {
	color : #33241e;
	text-decoration:none;
}
a.gallery:visited:hover {
	color : #000000 ;
	text-decoration:none;
}







.animated-nav-button {
	position: relative;
	display: block;
	padding: 14px 15px;
	border-radius: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	letter-spacing: .08em;
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	background: #bbd5eb;
	
}
.animated-nav-button:hover {
	color: #ff0000 !important;
	background-color: transparent;
	text-shadow: none;
}
.animated-nav-button:hover:before {
	color: #ff0000 !important;
	bottom: 0%;
	top: auto;
	height: 100%;
}
.animated-nav-button:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #b9c0d0 !important;
	background: #263f57;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}










.title{
	color:#aa280c;
	font-family: 'Roboto', sans-serif;
	font-size:30px;
	font-weight:900;
}




/* prepare the selectors to add a stroke to */
.stroke-single {
  font-family: 'Roboto Slab', serif;
  color:#f8f3d4;
  text-decoration:none;
  font-size:25px;
  position: relative;
  background: transparent;
  z-index: 0;
}
.stroke-single:hover {
	color:#ffff00;
}
/* add a single stroke */
.stroke-single:before{
  content: attr(title);
  position: absolute;
  -webkit-text-stroke: 0.3em #33241e;
  left: 0;
  z-index: -1;
}



/* prepare the selectors to add a stroke to */
.stroke-single-half {
  font-family: 'Roboto Slab', serif;
  color:#f8f3d4;
  text-decoration:none;
  font-size:15px;
  position: relative;
  background: transparent;
  z-index: 0;
}
.stroke-single-half:hover {
	color:#ffff00;
}
/* add a single stroke */
.stroke-single-half:before{
  content: attr(title);
  position: absolute;
  -webkit-text-stroke: 0.3em #33241e;
  left: 0;
  z-index: -1;
}




#wrapper{position:absolute;width:1080px;height:250px;top:0;left:0;overflow:hidden;}
#mask{width:500%;height:100%;}
.item{width:200px;height:200px;float:left;background-color:white;}

.blog-entry{
    border-left: solid black 15px;
    border-top: solid black 2px;
    padding-left: 15px;
    text-align:justify;
    font-size:1.2em;
    background: #e0dbbe;
    box-shadow: #b3402b -12px -8px 0px 0px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.blog-entry iframe{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.blog-entry .blog-body{
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
.blog-entry .blog-body p{
    margin:0;
}
.blog-header-text{
    text-align:center;
    display:block;
}
.blog-header-text h2{
    margin: 0;
    font-size: 2.6em;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-transform: capitalize;
}
.image-flex-container{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    height:100%;
}
.image-flex-container img{
    margin-left:auto;
    margin-right:auto;
    width:45%;
    min-width:300px;
    height:100%;
}
.read-more-front-button{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:15px;
    background: #62909C;
background-image: -webkit-linear-gradient(top, #62909C, #729E9F);
background-image: -moz-linear-gradient(top, #62909C, #729E9F);
background-image: -ms-linear-gradient(top, #62909C, #729E9F);
background-image: -o-linear-gradient(top, #62909C, #729E9F);
background-image: linear-gradient(to bottom, #62909C, #729E9F);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 1px solid transparent;
color: #F8F3D4;
font-size: 25px;
font-weight: 200;
padding: 10px;
text-decoration: none;
cursor: pointer;
}