.kerabox{
	padding: 40px;
	display: inline-block;
	margin: 0 0 15px 15px;	
	float: right;
	font-size: 16px;
	width: 33%;	 
	position: relative;
	z-index: 500;
}

.kerabox h5{
	margin-top:8px;
	margin-bottom:8px;
}

.single-post .main .post-inner .kerabox p:first-of-type{
	font-size:100%;
	padding-bottom:0;
}

.keraflashcard{
	padding: 40px;
	display: inline-block;
	margin: 0 0 15px 15px;	
	float: right;
	font-size: 16px;
	width: 33%;	 
	border:3px solid rgb(49, 67, 112);
	position: relative;
	z-index: 500;
	border-radius: 25px;
}

.keraflashcard.boxwidth25,
.kerabox.boxwidth25{
	width:25%;
}
.keraflashcard.boxwidth30,
.kerabox.boxwidth30{
	width:30%;
}
.keraflashcard.boxwidth35,
.kerabox.boxwidth35{
	width:35%;
}
.keraflashcard.boxwidth40,
.kerabox.boxwidth40{
	width:40%;
}
.keraflashcard.boxwidth45,
.kerabox.boxwidth45{
	width:45%;
}
.keraflashcard.boxwidth50,
.kerabox.boxwidth50{
	width:50%;
}
.keraflashcard.boxwidth55,
.kerabox.boxwidth55{
	width:55%;
}
.keraflashcard.boxwidth60,
.kerabox.boxwidth60{
	width:60%;
}
.keraflashcard.boxwidth65,
.kerabox.boxwidth65{
	width:65%;
}
.keraflashcard.boxwidth70,
.kerabox.boxwidth70{
	width:70%;
}
.keraflashcard.boxwidth75,
.kerabox.boxwidth75{
	width:75%;
}
.keraflashcard.boxwidth80,
.kerabox.boxwidth80{
	width:80%;
}
.keraflashcard.boxwidth85,
.kerabox.boxwidth85{
	width:85%;
}
.keraflashcard.boxwidth90,
.kerabox.boxwidth90{
	width:90%;
}
.keraflashcard.boxwidth95,
.kerabox.boxwidth95{
	width:95%;
}
.keraflashcard.boxwidth100,
.kerabox.boxwidth100{
	width:100%;
}


.kerabox .keraboxborder{
	border-left: 1px solid #dddddd;
	position:absolute;
	top:40px;
	bottom:30px;
	left:0px;
}


.tweetable-quote {
  text-align: center;
  font-size: 150%;
  margin-top: 30px;
  padding: 2em 0.5em 1.5em 0.5em;
  background: url(assets/img/quotemark.png) 50% 20px no-repeat;
  line-height: 1.2;
}



.quote-source {
  margin-top: 2em;
  font-size: 65%;
  text-align: center;
  position: relative;
}
.tweetable-quote:before,
.quote-source:before {
  content: '';
  display: block;
  position: relative;
  margin: 0 auto;
  top: -18px;
  width: 40px;
  height: 1px;
  border-top: 4px solid #e5e5e5;
}

.tweet-link i {
    display: inline-block;
    background: url(../../themes/jrny/images/sprite-twitter.png) 0 -299px no-repeat;
    width: 16px;
    height: 14px;
    position: relative;
    top: 0px;
    vertical-align: top;
	margin-right:8px;
}

.tweet-link a{
	text-decoration:none;
	color:#000000;
	text-transform:uppercase;
	font-size: 40%;
	text-align:center;
	position:relative;
	font-family:sans-serif;
	display:inline-block
}

@media (max-width: 40em) {
	
	.kerabox,
	.kerabox.boxwidth25, .kerabox.boxwidth30,.kerabox.boxwidth35,.kerabox.boxwidth40,.kerabox.boxwidth45,.kerabox.boxwidth50,.kerabox.boxwidth55,.kerabox.boxwidth60,.kerabox.boxwidth65,.kerabox.boxwidth70,.kerabox.boxwidth75{
		float:none;
		display:block;
		margin:15px auto;
		border-left:none;
		padding:10px;
		width:80%;
	}
	
	.keraflashcard,
	.keraflashcard.boxwidth25, .keraflashcard.boxwidth30,.keraflashcard.boxwidth35,.keraflashcard.boxwidth40,.keraflashcard.boxwidth45,.keraflashcard.boxwidth50,.keraflashcard.boxwidth55,.keraflashcard.boxwidth60,.keraflashcard.boxwidth65,.keraflashcard.boxwidth70,.keraflashcard.boxwidth75{
		float:none;
		display:block;
		margin:15px auto;
		padding:10px;
		width:80%;
	}
	
	.kerabox .keraboxborder{
		display:none;
	
}